2012-02-07 55 views
2

如果我有以下CSS:CSS:这个说法影响类的两个元素

.contactUsDiv label, input { display:block; } 

是否意味着contactUsDiv元素内的所有标签将有块显示&身体内的所有投入将有块显示?

OR

这是否意味着contactUsDiv元素中所有标签和输入都会有块显示?

我需要做到这一点去发生后...

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

回答

3

您需要后者以他们两个限制.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

0

逗号分隔的选择器是完全独立的。因此,如果您只想将该样式应用于输入.contactUsDiv中的元素,则必须重复此操作。