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的財產。