在網頁制作中，我們經常需要對多個元素應用相同的樣式。為了避免在每個元素上重復書寫樣式，我們可以使用CSS中的類選擇器來定義多個元素的樣式。

類選擇器的語法為.類名，我們可以在class屬性中添加類名來給元素添加一個或多個類。例如：

<p class="red big">這是一個紅色的大段落</p>
<p class="red small">這是一個紅色的小段落</p>
<p class="blue big">這是一個藍色的大段落</p>
<p class="blue small">這是一個藍色的小段落</p>

在上面的例子中，我們定義了兩種顏色和兩種大小的類，然后將它們應用到不同的段落中。接下來，我們可以使用類選擇器給它們定義樣式：

.red {
color: red;
}
.blue {
color: blue;
}
.big {
font-size: 24px;
}
.small {
font-size: 16px;
}

在這段CSS中，我們分別為紅色和藍色定義了顏色樣式，為大號和小號定義了字體大小樣式。現在，我們的段落就可以按照我們定義的樣式展示了。

如果我們想要應用多個樣式，我們可以將它們用空格分隔在class屬性中，例如：

<p class="red big bold">這是一個紅色的大而粗的段落</p>

在這個例子中，我們將red、big和bold三個類應用到了這個段落中。我們可以根據需要定義這些類的樣式：

.red {
color: red;
}
.blue {
color: blue;
}
.big {
font-size: 24px;
}
.small {
font-size: 16px;
}
.bold {
font-weight: bold;
}

以此類推，我們可以通過類選擇器方便地定義多個元素的樣式，減少重復的工作，提高開發效率。