CSS是前端開發中常用的樣式表語言。它能夠將HTML文檔的內容和樣式分離開來，使開發者更方便地管理和維護網頁。

在CSS中，我們可以使用“類（class）”來對HTML元素進行分類，并對每個類應用不同的樣式。下面是一個示例代碼：

.box {
width: 200px;
height: 200px;
background-color: #ccc;
margin: 20px;
float: left;
}
.box-red {
background-color: red;
}
.box-green {
background-color: green;
}

在上面的代碼中，我們定義了一個名為“box”的類，并給它設置了一些基本的樣式，如寬度、高度、背景顏色、外邊距和浮動方向。接著，我們定義了兩個新的類：一個是“box-red”，它的背景顏色為紅色；另一個是“box-green”，它的背景顏色為綠色。

現在，我們可以在HTML文檔中使用這些類來對元素進行分類，并顯示不同的樣式。例如：

<div class="box box-red"></div>
<div class="box box-green"></div>
<div class="box"></div>
<div class="box"></div>

在上面的代碼中，我們向四個<div>元素中分別添加了不同的類。第一個元素使用了“box”和“box-red”兩個類，它會顯示出灰色的背景和紅色的邊框。第二個元素使用了“box”和“box-green”兩個類，它會顯示出灰色的背景和綠色的邊框。第三個和第四個元素只使用了“box”這個類，它們會顯示出灰色的背景和無邊框。

通過這種方法，我們可以輕松地實現分類效果，提高HTML文檔的可讀性和可維護性。