CSSセレクタをグループ化するか、HTML要素にクラスを割り当てるか？

Question

多くのHTML要素にCSSルールを割り当てる必要がある（そして、私はいつも変更するかもしれない）。

私はどちらかのグループ化CSSセレクタのジレンマに常にだ：

.left-column, 
.left-column .post, 
.left-column img, 
.right-column, 
.right-column .post, 
.right-column img { 
    width: 279px !important; 
} 

または私はルールが、参考値ですwidth297（クラス名に適用したいHTML要素にクラスをassinning私は。 ）そのようなクラスに名前を付けることはない：

<div id="left-column" class="width279"> 
<div id=".post" class="width279"> 
</div> 
</div> 

<div "right-column" class="width279"> 
</div> 

<div class="width279"> 
</div> 

<div class="width279"> 

等...

方法はどのようなメソッドは長期的に私に多くの時間を節約するだろうか？

Answer 1

最初の方法は時間を節約します。右の列にのみ何かを設定したいのであれば、左の列には設定したくない場合は、困ってしまうでしょう。

あなたのフィールドには、読みやすく、見つけやすくなるので、CSSの中にあなたのフィールドの名前を付けることは、常に良いことです。

左の列を編集する場合はどうすればよいですか？あなたはこのようにそれらすべてに名前を付ける場合はどのようにあなたがそれを見つけることができ阿部ます：あなたは、とにかく彼らにIDのを与えているので

<div class="width279"> 
<div class="width279"> 
</div> 
</div> 

をあなたにもIDによってそれらのスタイルを設定することがあります。また、あなたはなかれ、それらをグループ化することによって、CSSを使用することができます同じです。このスタイル：

.left-column, 
.right-column { 
    width: 279px; 
} 

.LEFT列と.RIGHT列の下のすべてのdiv要素のスタイルを継承します。