我可以將多個CSS3類應用於元素嗎？

Question

我正在閱讀對此的不同意見。這是允許 CSS HTML5：

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

既one-class和another-class的屬性應用到元素？

---

的Re 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

是其可能的。您可以將多個類名稱添加到任何元素的類屬性中。還要考慮到在class屬性中使用的不同類的不同屬性將應用於元素。

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

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

輸出包含文本「我的文本」將以粗體和紅色顯示。