父元素具有特定类的子元素的 CSS 选择器

Question

我需要在样式表文件中为 div 中的 strong 元素指定 CSS，如下面的代码所示。此 strong 元素位于类为 commandBar 的父级 div 中。

<strong>Outside Div</strong>
<div class='commandBar'>
    <button class='dBtn'>Delete</button>
    <strong>My Name</strong>
    <button class='aBtn'>Add</button>
</div>

Answer 1

要选择属于 commandBar 类元素后代的 strong 元素，请使用 descendant combinator连同 class selector :

.commandBar strong

为了只选择直接子 strong 元素，使用 child combinator, > :

.commandBar > strong

根据您的标记，您可能还想指定具有 .commandBar 类的元素类型(在本例中为 div):

div.commandBar strong