在CSS中,要?jiǎng)?chuàng)建一個(gè)類選擇器,需要用到一個(gè)點(diǎn)(.)和一個(gè)類名。類名可以是字母、數(shù)字、下劃線,但不能以數(shù)字開頭。
/* 創(chuàng)建一個(gè)類選擇器 */ .className { property: value; }
在HTML中使用類選擇器時(shí),需要把類名添加到相應(yīng)的元素上。通過(guò)這種方式,可以將樣式應(yīng)用于多個(gè)元素,從而實(shí)現(xiàn)樣式的復(fù)用。
<div class="className">This is an example</div> <p class="className">This is another example</p>
類選擇器優(yōu)先級(jí)與標(biāo)簽選擇器相同,但是優(yōu)先級(jí)高于元素選擇器和偽類選擇器。如果要提高類選擇器的優(yōu)先級(jí),可以使用選擇器組合或者加上更具體的選擇器。
/* 比較通用 */ div.className { property: value; } /* 比較具體 */ #idName .className { property: value; }
總的來(lái)說(shuō),類選擇器是CSS中非常重要的一種選擇器,可以有效提高樣式的復(fù)用性和可維護(hù)性。