在 HTML 中，class 定義了一個元素的樣式。CSS 可以根據 class 名稱來選擇元素，并給這些元素定義樣式。

例如：
<div class="red">這是一個紅色的 div 元素</div>
<div class="blue">這是一個藍色的 div 元素</div>
在 CSS 中，可以這樣定義這些 class 的樣式：
.red {
color: red;
font-size: 20px;
}
.blue {
color: blue;
font-size: 18px;
}
這樣，帶有 class="red" 的 div 元素就會被設置為紅色，字體大小為 20px；帶有 class="blue" 的 div 元素就會被設置為藍色，字體大小為 18px。

除了 div 元素，還有其他的 HTML 元素也可以使用 class 定義樣式。

例如：
<p class="green">這是一個綠色的 p 元素</p>
<img class="border" src="image.jpg">
CSS 中的定義方式也類似：
.green {
color: green;
}
.border {
border: 1px solid black;
}
這樣，帶有 class="green" 的 p 元素就會被設置為綠色的字體；帶有 class="border" 的 img 元素就會被設置為黑色的邊框。

使用 class 來定義樣式可以方便地統一管理元素的樣式，讓網頁看起來更加美觀和整潔。