在CSS中,標(biāo)簽后面加上類(Class)可以對同一類標(biāo)簽進(jìn)行樣式設(shè)置。
例如: p.red { color: red; }
上述代碼就是對所有class為red的p標(biāo)簽設(shè)置顏色為紅色。
加上類后,可以實現(xiàn)精細(xì)的樣式控制。例如,同一網(wǎng)頁中有多個p標(biāo)簽,但如果只想對其中某一個p標(biāo)簽應(yīng)用特殊樣式(例如添加邊框,改變背景色等),就可以給這個特定的p標(biāo)簽添加一個唯一的class,再基于這個class設(shè)置樣式。
比如,在html中: <p class="special">這是應(yīng)用特殊樣式的段落</p> 在CSS中: p.special { border: 1px solid black; background-color: #eee; }
上述代碼簡單地給class為special的p標(biāo)簽添加了邊框和背景色。這樣,在網(wǎng)頁中,只有這個特定的p標(biāo)簽才會顯示出這樣的特殊樣式。
需要注意的是,同一標(biāo)簽可以添加多個class。這種情況下,樣式會按照順序疊加應(yīng)用。例如,下面的代碼會使class為red的p標(biāo)簽同時應(yīng)用兩個不同的樣式。
p.red.special { border: 1px solid black; background-color: #eee; }
上述代碼表示,此時應(yīng)用的樣式包含了兩個class,分別是red和special,因此這個p標(biāo)簽會顯示出兩個class所代表的樣式。
通過標(biāo)簽后加類的方法,我們可以更加精細(xì)地控制CSS樣式,使網(wǎng)頁的排版和視覺效果更為美觀。