类中的类后代的CSS选择器

Question

是否可以为'带有类b的元素创建一个CSS选择器，它是具有类a'的元素的后代？

谢谢， Rasto

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 {
}

这将仅定位 first B element：JS Fiddle demo。

参考文献：

• `CSS Selectors。

Answer 3

当然，这是一个简单的CSS选择器：

.classA .classB {}