このようなレイアウトを持つ:
<div class="a">
<div>
<div class="b">
<div class="b">...</div>
</div>
</div>
</div>
b へのパス全体を必ずしも定義せずに、最初の div クラス b のみをスタイルすることはまったく可能ですか?
.a .b {
border: 1px solid green;
} // Will style also the second b
.a > div > .b {
border: 1px solid red;
} // Path too strictly defined
もちろん、私の構造はそれほど単純ではなく、div クラス b 内のコンテンツは何でもかまいません。そのため、a から b までのスタイルと他のすべての要素を厳密に定義したくありません。
「最初の次の一致」というCSSセレクターがあるはずです。