CSS - 你可以为特定类的子元素设置样式规则吗？答案

【问题标题】：CSS - can you set a style rule for a child element of a particular class?CSS - 你可以为特定类的子元素设置样式规则吗？
【发布时间】：2016-07-23 07:11:35
【问题描述】：

有没有办法为类的子元素制定 css 规则？

如果我有的话：

.special {
    font-size:15px;
}

然后我可以拥有

.special p{
    font-weight:bold;
}

所以当我这样做时：

<div class="special"><p>Hello There</p></div>

“Hello There”会同时显示 15 点和粗体字吗？

【问题讨论】：

为什么不试试呢？

标签： css class

【解决方案1】：

是的，如果您将样式属性分配给parent 而不是child tag，它会自动分配给它。

.special {
    font-size:15px;
}
.special p{
    font-weight:bold;
}

即使这样也行，

.special {
    font-size:15px;
    font-weight:bold;
}

但是最好将样式属性单独分配给目标元素。很容易理解分配给.special 和p tag 的属性。

【讨论】：

【解决方案2】：

你是对的。来自规范：

Descendant combinators:

以下选择器：
h1 em
表示em 元素是h1 的后代元素。

Child combinators:

以下选择器代表p 元素，它是body 的子元素：
body > p
以下示例结合了后代组合器和子组合器。
div ol>li p
它表示一个p元素，它是li元素的后代； li 元素必须是 ol 元素的子元素； ol 元素必须是 div 的后代。请注意，“>”组合符周围的可选空格已被省略。

【讨论】：