<body>
<div>content 1</div>
<div>content 2</div>
<div>content 3</div>
</body>
如何在不使用任何 id 或类的情况下选择最后一个标签。我已经尝试过:
body:last-child {
clear: both;
background-color:red;
}
请帮忙
谢谢
但这是css3,所以浏览器(ipad safari)无法识别它。
<body>
<div>content 1</div>
<div>content 2</div>
<div>content 3</div>
</body>
如何在不使用任何 id 或类的情况下选择最后一个标签。我已经尝试过:
body:last-child {
clear: both;
background-color:red;
}
请帮忙
谢谢
但这是css3,所以浏览器(ipad safari)无法识别它。
body:last-child
选择一个body标签,它是其父级的最后一个子级,尝试
body > :last-child
使用子选择器( >
):
body > :last-child {
clear: both;
background-color:red;
}
XXXX:last-child 表示 XXXX 是最后一个孩子。所以:
table tr:last-child { ... }
应用于表的最后一个tr。
在你的情况下:
body > :last-child { ... }
之所以有效,是因为>为您选择 body 的孩子,然后您使用:last-child选择最后一个