2

次のアイテムをターゲットにします。

/html/body/div[2]/div/div[5]/div/table/tbody/tr[2]/td[2]/img

どうすればこれを正確にスタイリングできますか？

現在、私はこのcssを持っています。これはimg、div内のすべてにスタイルを適用しているようです。

div.PageHeaderDescription img {
    border-radius: 7px 7px 7px 7px;
    bottom: 10px;
    float: none;
    height: auto;
    margin-right: 10px;
    position: relative;
    right: -230px;
    width: 614px;
}
4

3 に答える 3

2

使用できます

div.PageHeaderDescription img:first-child {
border-radius: 7px 7px 7px 7px;
bottom: 10px;
float: none;
height: auto;
margin-right: 10px;
position: relative;
right: -230px;
width: 614px;

}最初の画像にアクセスするか

    div.PageHeaderDescription > img {
border-radius: 7px 7px 7px 7px;
bottom: 10px;
float: none;
height: auto;
margin-right: 10px;
position: relative;
right: -230px;
width: 614px;

PageHeaderDescriptiondiv内の画像にのみアクセスします。

于 2012-07-16T14:57:38.550 に答える
1

これを使って

div.PageHeaderDescription div table tbody tr td > img
{
border-radius: 7px 7px 7px 7px;
bottom: 10px;
float: none;
height: auto;
margin-right: 10px;
position: relative;
right: -230px;
width: 614px;
}

これは、td内の画像にのみ適用されます

>記号は、直接の子孫を指定するために使用されます

http://www.456bereastreet.com/archive/200510/css_21_selectors_part_2/

最近のブラウザでもかなり良いサポートがあります:-)

于 2012-07-16T14:54:59.113 に答える
1

nth-child疑似クラスを使用して特定の子ノードを指定できます。

div.PageHeaderDescription div table tbody tr:nth-child(2) td:nth-child(2) img

n番目の子のMDNリファレンス

于 2012-07-16T14:55:55.960 に答える