在CSS中，我們經常需要定義多個html元素的樣式，這時就需要使用多個class。方法如下：

/*定義兩個class*/
.header{
font-size: 28px;
}
.navbar{
background-color: #333;
color: #fff;
}
/*同時應用兩個class*/
<div class="header navbar">這是一個導航欄</div>

在上面的例子里，我們定義了兩個class：header和navbar。其中header定義了字號為28px的樣式，navbar定義了背景顏色為#333，文字顏色為#fff的樣式。那么如何同時應用這兩個class呢？只需要在html元素的class屬性中用空格分開兩個class名就可以了。

注意，這里的順序并不影響樣式的表現，因為CSS的樣式是按照 specificity（特定程度）來計算的。越具體的樣式（比如id選擇器）優先級越高，不同class選擇器的相對優先級則看其在CSS代碼中的順序。

如果你想為一個元素同時添加多個class，那么可以像下面這樣寫：

/*添加多個class*/
<div class="header">這是一個標題</div>
var div = document.getElementById("div");
div.classList.add("header");
div.classList.add("navbar");

實際上，classList是DOM對象的一個屬性，我們可以通過它的add、remove、toggle方法對元素的class進行增加、刪除、切換的操作，非常方便。

CSS的class選擇器是非常常用的，也非常簡單。如果你能夠熟練掌握class、id、標簽選擇器等基本語法，那么就相當于具備了CSS的“ABC”技能，開發起來肯定會更加得心應手。