CSSクラス名を1つの要素に複数回渡す目的

Question

CSSクラス名を要素に渡してその要素にそのクラスを適用しますが、CSSクラス名を1つ以上の要素に渡す目的は何ですか？

Answer 1

1つの要素に2つ以上のクラスを組み合わせることで、より少ないCSSを書くことができます。ここでは単純化されたexampleです：これにより

<p class="error message small">Error!</p> 
<p class="success message">Success!</p> 

.message { 
    margin:0 0 1em; 
    position:relative; 
    padding:1em; 
    border-radius:4px; 
} 
.small { 
    font-size:80%; 
    padding:.5em; 
} 
.error { 
    background-color:#FBE3E4; 
    color:#8a1f11; 
} 
.success { 
    background-color:#dfffe5; 
    color:#264409; 
} 

、我々はまだ、それぞれのスタイル宣言を継承するために独立して各クラスを使用するか、またはクラス名のいずれかの他の組み合わせでそれらを組み合わせることができます。

と同じクラス名を1つの要素に繰り返し使用することを意味していた場合、目的はありません。

Answer 2

これを行う目的はありません。 AFAIKこれは、クラスに要素を一度だけ置くのと同じ効果があります。

Answer 3

あなたは2つの異なるクラスを意味するとしますか？チャカルは同じクラスを2回やっていると言いましたが、それを一度やっても違いはありません。

複数のクラスを使用すると、その要素に完全な新しいスタイルを作成することなく、特殊効果を要素に簡単に追加できます。たとえば、要素を左また​​は右に素早く浮動させることができます。 "float：left;だけで" left "と" right "の2つのクラスを書くことができます。 「フロート：右」それらの中に。次に、左に浮かせなければならない要素があるときは、そのクラスリストにクラスleftを追加するだけです。

出典：http://webdesign.about.com/od/css/qt/tipcssmulticlas.htm