CSS:此语句是否影响该类的两个元素

Question

如果我有以下 CSS:

.contactUsDiv label, input { display:block; }

这是否意味着 contactUsDiv 元素内的所有标签都将具有 block 显示并且 BODY 内的所有输入都将具有 block 显示？

或者

这是否意味着 contactUsDiv 元素内的所有标签和输入都将具有 block 显示？

我是否需要这样做才能使后者发生......

.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