CSS - 定位特定元素

Question

我有这个HTML：

<div class="B">
   blah
   blah
   blah
</div>

<section class="A">
    <div class="B"/> <!-- THIS -->
    <div/>
</section>

如何在部分内部使用B类来定位div，并且仅限于它？

Answer 1

您可以像这样选择

.A>.B{

}

这称为 CSS元素＆gt;元素选择器

语法如下

element > element {
    css declarations;
}

您可以看到示例here ..

Answer 2

你应该写：

section.A div.B {
}

如果您希望定位一个元素，请考虑使用 id 而不是类。