在CSS樣式中，我們經常會遇到兩種定義類的方式：id和class。今天我們將討論其中的class。

class是CSS中經常用到的一個選擇器，它用來設定特定HTML元素的樣式，與id選擇器不同的是，一個元素可以有多個class。class名字要求有意義，例如：“button”、“header”、“nav”等。一個class可以用于多個不同元素，而不是像ID選擇器一樣只能對應一個元素。

.header {
font-size: 24px;
color: #333;
}
.nav {
background-color: #f1f1f1;
}
.button {
display: inline-block;
padding: 10px 20px;
background-color: #333;
color: #fff;
}

上面的代碼演示了一個可重用的class，當我們需要設定樣式時，只需要在HTML元素中添加class屬性，并把class名字賦值給它，便可以輕松實現CSS樣式的設定。例如：

<div class="header"></div>
<nav class="nav"></nav>
<button class="button">Click Here</button>

通過上述代碼，我們可以清晰明了地看到CSS樣式是如何被應用在HTML元素上的。若想要樣式重用更加靈活，class也支持單獨應用CSS樣式來覆蓋成組的樣式。例如：

.button-special {
background-color: #f1c40f;
color: #fff;
}
<button class="button button-special">Click Here</button>

通過添加新的class，我們成功地用不同的顏色和字體樣式改變了按鈕的外觀，這也是class被廣泛使用的一個原因：它可適用于多個元素，并且相互獨立。

總的來說，class選擇器在CSS中是非常靈活且重要的，它能夠幫助我們輕松地定義各種元素的樣式，并且可以在需要時非常方便地重新應用。