css - 类中类后代的 CSS 选择器

Question

是否可以为“b 类元素，它是 a 类元素的后代”创建 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 演示。

对于直系后代：

.elementClassA > .elementClassB {
}

这将只针对first B element：JS Fiddle 演示。

参考：

• `CSS 选择器。

Answer 3

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

.classA .classB {}