css - css子セレクターは最後のdivを選択します

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）はそれを認識しません。

score 6 · Accepted Answer

6

body:last-child親の最後の子である body タグを選択します。

body > :last-child

于 2012-07-12T22:09:36.863 に答える

score 5 · Accepted Answer

子セレクター( >)を使用します。

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

score 0 · Accepted Answer

XXXX:last-child は、XXXX が最後の子であることを意味します。そう：

table tr:last-child { ... }

テーブルの最後のtrに適用されます。

あなたの場合：

body > :last-child { ... }

> bodyの子を選択してから、:last-childで最後のものを選択するため、機能します

3 に答える 3