类中类后代的 CSS 选择器答案

【问题标题】：CSS selector for class descendant within a class类中类后代的 CSS 选择器
【发布时间】：2012-07-14 01:47:55
【问题描述】：

是否可以为“b 类元素，它是 a 类元素的后代”创建 CSS 选择器？

谢谢，拉斯托

【问题讨论】：

标签： css

【解决方案1】：

是的，有可能：

直系后代：

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

所有后代：

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

【讨论】：

【解决方案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.

【讨论】：

【解决方案3】：

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

.classA .classB {}

【讨论】：