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

Question

是否有一种方法可以为类的子元素制定css规则？

也就是说，如果我有：

.special { 
    font-size:15px; 
} 

我可以再有

.special p{ 
    font-weight:bold; 
} 

，这样，当我这样做：

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

的 “你好”，将两个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的后代。请注意，“>”组合器周围的可选空白区域已被排除。

Answer 2

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

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

即使这个工程，

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

但它是很好的样式属性分别分配给目标元素。很容易理解分配给.special和p tag的财产。