CSS：この文は、そのクラスの両方の要素に影響を与えるか

Question

私は、次のCSSがある場合：

.contactUsDiv label, input { display:block; } 

んcontactUsDiv要素内のすべてのラベルは、体内のすべての入力がありますブロック表示&を持っていることを意味ブロック表示？

OR

それはcontactUsDiv要素内のすべてのラベルと入力がブロック表示を持っていることを意味していますか？

は、私はあなたが.contactUsDivにそれらの両方を制限するために、後者を必要

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

Answer 1

...後者が発生し得るために、この操作を行う必要があります。コンマは完全に新しいセレクタを開始します。

.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の中の入力要素にのみ適用したい場合は、それを繰り返す必要があります。