CSS中的類是一個非常常用的概念,可以用來給HTML中的一個或多個元素添加相同的樣式。類使用一個前導符“.”來識別,表示將要使用的樣式。在HTML中,我們可以通過在元素內使用class屬性來定義類名,并在樣式表中使用類來定義這個類所要使用的樣式。
<div class="container"> <p class="heading">這是一個帶有類的段落</p> <p>這是一個普通的段落</p> </div>
在上面的代碼中,我們定義了一個包含兩個段落的div元素。其中,第一個段落使用了一個類名為“heading”的類來定義它的樣式。
.heading { font-size: 24px; font-weight: bold; text-decoration: underline; }
在上面的代碼中,我們使用了一個前導符“.”來定義類名“heading”。在這個樣式表的規則中,我們定義了三個屬性:font-size,font-weight和text-decoration。這樣,所有使用class為“heading”的元素都會應用這些樣式。
在CSS中,類的前導符可以與其他選擇器組合使用,以精確地指定要應用這些樣式的元素。例如:
.container p.heading { color: red; }
在上面的代碼中,我們使用了組合選擇器“.container p.heading”來選擇所有div元素中的所有類名為“heading”的段落,并將它們的文字顏色設置為紅色。
總之,類是CSS中一種非常實用的功能,它可以為HTML中的元素提供一致的樣式,并使您可以精確地控制這些樣式的應用。當您需要為多個元素應用相同的樣式時,類的前導符“.”是您應該關注的一個重要符號。