CSS 是層疊樣式表（Cascading Style Sheets）的簡稱。在網頁設計中，CSS 被用來控制 HTML 元素的樣式和佈局。透過 CSS 的使用，將網站的外觀和感覺與 HTML 內容進行分離，降低了程式碼的複雜性和靈活性。在 CSS 中，類別選擇器（class selector）是一種重要的元素，可以用來設定相同樣式的一組 HTML 元素。
類別選擇器是以「.」符號開始的，並且後面跟著一個名稱。例如，下面的程式碼展示了一個用類別選擇器設定樣式的基本語法：
.myClass {
color: blue;
}這個範例中，「.myClass」就是一個類別選擇器的名稱。這個選擇器可以被套用到 HTML 的任何元素上，只要它們有一個與類別選擇器名稱相同的 class 屬性。例如：
这是一段文本。
这是另一段文本。
在這裡，兩個不同的 HTML 元素都套用了類別選擇器「myClass」。因此，它們都將具有與 CSS 程式碼中定義的樣式相同的樣式。
類別選擇器在網頁設計中非常有用。它能夠幫助我們輕鬆地重複使用程式碼並改進網站的可維護性。例如，我們可以使用類別選擇器來設定整個網站的顏色方案或字體樣式，而不必針對每個元素進行單獨的樣式定義。
另外，類別選擇器還可以與其他 CSS 選擇器組合使用。我們可以將類別選擇器與標籤選擇器、ID 選擇器或其他類別選擇器等結合使用，從而創建更靈活和強大的選擇器。例如：
p.myClass {
color: red;
}
#header .myClass {
font-size: 24px;
}在這兩個範例中，我們分別將類別選擇器與標籤選擇器和 ID 選擇器進行了組合。元素必須既滿足類別選擇器的條件，也滿足其他選擇器的條件，才會被這些樣式影響。
總之，類別選擇器是 CSS 中非常重要且靈活的元素。透過類別選擇器，我們可以輕鬆地重複使用樣式程式碼並改善網站的可維護性。當我們需要對一個 HTML 元素套用相同樣式的時候，使用類別選擇器就是一個十分理想的選擇。
以上是css怎麼設定class的詳細內容。更多資訊請關注PHP中文網其他相關文章！
