在CSS中，一個元素可以同時擁有多個class，這樣就可以為同一個元素同時定義多個樣式。

這是一個多class樣式的元素

如上所示，一個元素可以同時擁有名為“blue”和“text-center”的兩個class，定義了它的顏色和文本的居中顯示。具有多個class的元素應該盡量避免對同一個屬性定義多個不同的值，否則會引起樣式的沖突。

這里的文本顏色是藍色，但是居中屬性被覆蓋了

如上所示，由于對居中屬性同時指定了“text-center”和“text-left”兩個class，后者的樣式會覆蓋前者，導致文本居左而非居中。

因此，在設計多class樣式時，應該遵循以下原則：

• 避免在同一個屬性上定義多個不同的值；
• 盡量選擇更具體的class來定義樣式，如使用類名“.header h1”而不是只是“h1”，這樣可以避免樣式的沖突。

當然，多class的應用并不限于樣式的定義，還可應用于JavaScript的操作中，如為元素添加或移除class來實現特定的交互效果等。

<div id="myDiv" class="off"></div>
// JavaScript代碼
var myDiv = document.getElementById("myDiv");
myDiv.classList.add("on"); // 添加class“on”，元素變為可見狀態
myDiv.classList.remove("off"); // 移除class“off”

如上所示，通過JavaScript代碼實現為一個id為“myDiv”的元素添加或移除class，從而改變元素的狀態。

綜上所述，多class樣式在CSS中有其重要的應用，應該掌握好相關技巧，以獲得更好的頁面效果。