使用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 类父级且具有 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 子选择器