定義子元素集合的規則

Question

作爲一個示例，我希望labels和input字段在某個class內具有類似的規則。

CSS

.SpecialBox input, label{ 
    background-color: green; 
} 

當我使用上面的代碼，它實際上它適用的規則對任何輸入欄SpecialBox內ALL標籤，因爲規則集應用於各逗號分隔的項目：

• .SpecialBox input
• label

我可以修改選擇，以澄清這兩個項目分別

.SpecialBox input, .SpecialBox label{ 
    background-color: green; 
} 

在這種情況下，我得到了想要的結果，但在更加簡潔

費用這裏有一個fiddle證明

有沒有辦法將一套規則應用到特定選擇器的所有孩子，還是我被迫重複e父元素選擇器？

我相信有一種方法與SASS或LESS要做到這一點，但我更喜歡這樣做直CSS

Answer 1

對於只有input和label元素，您將不得不重複選擇器。

如果你想要所有的孩子，你可以使用通配符：.SpecialBox *這將適用於所有的孩子的風格。

Answer 2

只使用類.SpecialBox *？

Answer 3

使用*選擇：

.SpecialBox *