css - クラス内のクラス子孫の CSS セレクター

Question

「クラスaの要素の子孫であるクラスbの要素」のCSSセレクターを作成することは可能ですか?

ありがとう、ラスト

Answer 1

はい、可能です：

直系の子孫:

.a > .b { /* ... */ }

すべての子孫:

.a .b { /* ... */ }

Answer 2

マークアップを考えると：

<div class="elementClassA">
    <div class="elementClassB">first B element</div>
</div>
<div class="elementClassA">
    <div class="elementClassC">first C element
        <div class="elementClassB">Second B element</div>
    </div>
</div>​

ええ、すべての子孫のために：

.elementClassA .elementClassB {
}

上記は とfirst B elementの両方を対象としていSecond B elementます: JS Fiddle demo。

直系の子孫の場合:

.elementClassA > .elementClassB {
}

これはJS Fiddle demoのみを対象としfirst B elementます。

参考文献:

• `CSS セレクター.

Answer 3

確かに、これは単純な CSS セレクターです。

.classA .classB {}