同じスタイルシート内のクラスのCSSプロパティをオーバーライドすることはできますか？

Question

簡単な質問：このようなものがありますか？

例えば

：私は二回選択し、テキストエリアの幅と余白-bottomプロパティを割り当て

#formbox textarea, 
#formbox input, 
#formbox select { 
    padding: 5px; 
    border-radius: 3px; 
    border: 1px solid #CCCCCC; 
    margin-bottom: 25px; 
    width: 220px; 
} 

#formbox select { 
    width: 232px; 
} 

#formbox textarea { 
    width: 300px; 
    margin-bottom: 0; 
} 

、それは大丈夫ですか、私はちょうど別の#formboxテキストエリア、#formbox入力、選択してコピーする#formbox必要があります&貼り付けプロパティは同じですか？

Answer 1

同じセレクタを持つCSS宣言ブロックでは、プロパティの最後の定義だけが適用されます。

最初width: 220pxは、（それが以下同じセレクタによって上書きされる）select/textareaための「無駄」である - しかしそれはinputに適用されます。

別のinput { width: .. }の代わりに示された方法を選択すると、が完全にOKになります。

（CSSがロードされた後、ルールエンジン自体では、それはを重要ではありません。）