要素に複数のCSS3クラスを適用できますか？

Question

私はこれについて異なる意見を読んでいます。要素にone-classとanother-classの両方の性質を適用する

<div class="one-class another-class">...

：これは CSS HTML5で許可されていますか？ downvote再

---

：はい、私はそれを試みたが、それは仕事をしません。しかし、それが良い習慣であるということではありません。それは例えば非難されるかもしれません。

Answer 1

はい、許可されています。 HTML仕様に従って

class属性：

「この属性は 要素にクラス名のクラス名またはセットを割り当て、要素の任意の数が同じクラス名または 名前を割り当てることができます。複数のクラス名は空白で区切らなければなりません 文字。

http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.2

Answer 2

はい。両方で選択するには：

.one-class.another-class { 
    color:red; 
} 

このようなコードを拡張することは非常に一般的です。その後、使用して、buttonクラス、およびbutton-importantクラスを定義することによって：

<div class='button button-important'></div> 

は一緒に両方のスタイルを取得します。

Answer 3

はい、その可能。任意の要素のクラス属性に複数のクラス名を追加できます。また、クラス属性で使用される異なるクラスのさまざまなプロパティが要素に適用されることを考慮してください。

.class1{ 
    color: red; 
} 
.class2{ 
    font-weight: bold; 
} 

<div class="class1 class2">My Text</div> 

出力にはテキスト「My Text」が太字と赤で表示されます。