在CSS中,可以使用以下語(yǔ)法來(lái)定義兩個(gè)類(lèi)名:
.class-name-1 { // 樣式屬性 } .class-name-2 { // 樣式屬性 }
每個(gè)類(lèi)名以點(diǎn)號(hào)(.)開(kāi)頭,后跟類(lèi)名,每個(gè)類(lèi)名可以定義不同的樣式屬性,以便在HTML元素中應(yīng)用不同的樣式,可以為兩個(gè)不同的段落設(shè)置不同的字體顏色和背景顏色:
.paragraph-1 { color: blue; background-color: yellow; } .paragraph-2 { color: red; background-color: green; }
在HTML中,可以使用class
屬性來(lái)指定元素應(yīng)用哪個(gè)類(lèi)名。
<p class="paragraph-1">這是***段落的文本。</p> <p class="paragraph-2">這是第二段落的文本。</p>
這樣,***段落的文本將應(yīng)用paragraph-1
的樣式,第二段落的文本將應(yīng)用paragraph-2
的樣式。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。