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

Question

我需要在样式表文件中为div中的strong元素指定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>

- Sunil

Answer 1

要选择属于具有 commandBar 类的元素的后代 strong 元素，请使用后代组合器以及一个类选择器：

.commandBar strong

为了只选择直接子元素的 strong 元素，请使用> 子组合器：

.commandBar > strong

根据您的标记，您可能还希望指定具有类.commandBar的元素类型（在这种情况下为div）：

div.commandBar strong

- Josh Crozier

Answer 2

Descendant Selector The descendant selector matches all elements that are descendants of a specified element.

The following example selects all <p> elements inside <div> elements:

Example

div p {
    background-color: yellow;
}

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

所以在您的情况下，您将使用：

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

- Aryeh Armon

---

如果你要复制文本，请添加归属。并且至少正确地复制它。 - J. Steen