Question

<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）不会识别它。

Answer 1

body:last-child选择一个身体标记，该标记是其父项的最后一个子项，请尝试

body > :last-child

Answer 2

使用child selector（>）：

body > :last-child {
    clear: both;
    background-color:red;
}

Answer 3

XXXX：last-child表示XXXX是最后一个孩子。所以：

table tr:last-child { ... }

应用于表的最后 tr 。

在你的情况下：

body > :last-child { ... }

有效，因为＆gt; 为你选择了身体的孩子，然后用：last-child 选择最后一个