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

Question

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

即如果我有：

.special {
    font-size:15px;
}

我可以

吗？

.special p{
    font-weight:bold;
}

所以当我这样做时：

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

＆＃34; Hello There＆＃34;将是15分和粗体？

Answer 1

你是对的。来自规范：

• Descendant combinators：

  

以下选择器：

h1 em

     

表示em元素是h1的后代   元件。

• Child combinators：

  

以下选择器表示p的子body元素：

body > p

     

以下示例结合了后代组合子和子组合子。

div ol>li p

     

它表示p元素，它是li元素的后代; li元素必须是ol元素的子元素; ol元素必须是div的后代。请注意＆＃34; >＆＃34;周围的可选空白区域。组合器已被排除在外。

Answer 2

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

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

即便如此，

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

但是将style属性分别分配给目标元素是件好事。您可以轻松了解为.special和p tag指定了哪些属性。