css - 使用 CSS 选择类下面的类

Question

我试图在一个类下面选择一个类，假设我在一个元素上有一个名为“A”的类，在它下面，我有另一个类名为“B”的元素。

DOM 中还有“B”的其他实例，但除了一个在“A”下，没有其他实例。

要仅选择“A”下的“B”，我会使用:

.A B {

CSS HERE

}

还是我做错了？

结构如下:

<h2 class="A">
<span>TITLECONTENT</span>
</h2>
<p>CONTENT</p>
<div class="B" addthis:title="TITLECONTENT " addthis:url="URL">

Answer 1

最一般的形式是

.A .B { ... }

这将针对具有类 A 的父类的任何类 B 元素，无论它是否是直接父类:

<span class="B">
    <span class="A" >
    </span>
</span>

还有

<span class="B">
    <div>
        <span class="A" >
        </span>
    <div>
</span>

---

如果 .B 是 .A 的直接子代，你可以这样定位它:

.A > .B { ... }

CSS Child selector