CSS定義類可以使用.符號,這是因為在CSS中,.符號用于定義類選擇器。
/* 定義類選擇器 */ .my-class { color: red; } /* 在HTML中使用類 */ <p class="my-class">這個段落文本為紅色。
使用類具有很多優點。首先,它使得您可以輕松地為多個元素定義相同的樣式。比如,如果您想使頁面中所有的標題元素都是粗體,您可以定義一個類選擇器,然后將它應用到所有的標題元素上:
/* 定義類選擇器 */ .bold { font-weight: bold; } /* 在HTML中使用類 */ <h1 class="bold">這是一個粗體標題。<h2 class="bold">這是另一個粗體標題。<h3>這個標題沒有應用bold類,所以它的字體不是粗體。
此外,使用類還可以讓您輕松地更改樣式。如果您想將所有使用某個類的元素的樣式更改為另一種樣式,只需要更改該類中的樣式即可,而無需更改每個元素的樣式。
/* 定義類選擇器 */ .my-class { color: red; } /* 在HTML中使用類 */ <p class="my-class">這個段落文本為紅色。/* 更改類的樣式 */ .my-class { color: blue; } /* 現在該段落元素的文本顏色為藍色 */
總之,使用類選擇器可以使CSS樣式更加模塊化、可重用和易于維護。因此,建議您在CSS中使用類定義樣式。