3

class で body の最初の要素を選択しようとしていますが、.boxclass 内の要素は除外してい.topbarます。

私はこのアプローチを使用していて、内部の要素を除くすべての要素を:not(.topbar)>.box選択していますが、最初の要素だけが必要です。.box.topbar

もっと簡単な方法で選択できることは知っていますが、どうすればそのようにできるのでしょうか...

注:要素の数は固定されていないため、.topbar存在するかどうかは不明です...

例：

<body>
    <div class="topbar">
        <div class="box">
            ...
        </div>
    </div>
    <div class="box"> <!-- Just want to select this one -->
        ...
    </div>
    <div class="box">
        ....
    </div>
</body>

ありがとう！

4

3 に答える 3

3

これを 2 つのケースに分けることができると思います: 1) 上記の例のように、topbar が最初の子で、box が 2 番目の子です 2) topbar が存在しない場合、box が最初の子です

.topbar + .box, body > .box:first-child {background:red;}
于 2013-09-27T13:57:34.833 に答える
1 
.topbar + .box { background:red; }
于 2013-09-27T13:38:59.883 に答える