在CSS中,我們可以使用類選擇器來添加類,類選擇器以點(.)開頭,后面跟類名,我們可以將類名添加到HTML元素的class屬性中,以表示該元素屬于某個類。
我們可以創(chuàng)建一個名為“myClass”的類,并將它添加到HTML元素的class屬性中:
<div class="myClass">這是一個div元素,屬于myClass類</div>
我們可以在CSS中定義“myClass”類的樣式:
.myClass { color: red; font-size: 20px; }
上述代碼表示,所有屬于“myClass”類的HTML元素都將應用紅色字體和20像素的字體大小樣式。
類名應該簡潔明了,并且盡量避免使用通用的類名,以免與其他樣式產(chǎn)生沖突,類選擇器也可以用于添加多個類,只需在class屬性中寫入多個類名,用空格隔開即可。
<div class="myClass anotherClass">這是一個div元素,屬于myClass類和anotherClass類</div>
在CSS中,我們可以分別定義“myClass”類和“anotherClass”類的樣式:
.myClass { color: red; } .anotherClass { font-size: 20px; }
上述代碼表示,所有屬于“myClass”類的HTML元素都將應用紅色字體樣式,所有屬于“anotherClass”類的HTML元素都將應用20像素的字體大小樣式。