CSS：這個說法影響類的兩個元素

Question

如果我有以下CSS：

.contactUsDiv label, input { display:block; } 

是否意味着contactUsDiv元素內的所有標籤將有塊顯示&身體內的所有投入將有塊顯示？

OR

這是否意味着contactUsDiv元素中所有標籤和輸入都會有塊顯示？

我需要做到這一點去發生後...

.contactUsDiv label, .contactUsDiv input { display:block; } 

Answer 1

您需要後者以他們兩個限制.contactUsDiv。逗號開始一個全新的選擇器。

.contactUsDiv label, input { display:block; } 

是等價的：

.contactUsDiv label { display:block; } 
input { display:block; } 

而且

.contactUsDiv label, .contactUsDiv input { display:block; } 

是等價的：

.contactUsDiv label { display:block; } 
.contactUsDiv input { display:block; } 

W3規格在此都可以在這裏：http://www.w3.org/TR/css3-selectors/#grouping

Answer 2

逗號分隔的選擇器是完全獨立的。因此，如果您只想將該樣式應用於輸入.contactUsDiv中的元素，則必須重複此操作。