Question

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

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

Answer 1

要选择strong元素作为类commandBar的元素的后代，请使用descendant combinator和class selector：

.commandBar strong

要仅选择直接子strong元素，请使用child combinator, >：

.commandBar > strong

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

div.commandBar strong

Answer 2

后代选择器后代选择器匹配作为指定元素后代的所有元素。

以下示例选择<p>中的所有<div>元素   元素：

实施例
div p {
    background-color: yellow;
}

http://www.w3schools.com/css/css_combinators.asp

所以在你的情况下你会使用：

.commandBar strong{
/* your css style here */
}

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

2 个答案: