在CSS中,當(dāng)我們想要為同類的HTML元素指定相同的樣式時,我們可以使用類來實現(xiàn)。通過為元素添加class屬性,我們可以方便地定義和修改多個元素的樣式。
.example { color: red; font-size: 24px; }
在上述的例子中,我們定義了一個名為“example”的類,它的樣式為字體顏色為紅色,字體大小為24像素。想要將樣式應(yīng)用到符合這一條件的HTML元素,只需要在相關(guān)元素的class屬性中添加“example”即可。
這是一段紅色字體,24像素的例子。
這是一段普通的文本。
這是又一段應(yīng)用了“example”類的文本。
注意,一個HTML元素可以同時擁有多個類,這意味著我們可以為其添加多個定義好的類名,從而將多種樣式組合在一起應(yīng)用到同一個元素上。
.big-font { font-size: 48px; } .italic { font-style: italic; }
如果我們再在一個已經(jīng)應(yīng)用了“example”類的元素中添加“big-font”類,那么它的字體大小將會變成48像素。
如果我們?yōu)橐粋€不應(yīng)用“example”類的元素添加“italic”類,那么它的字體樣式將會變成斜體。
而如果我們?yōu)橐粋€同時應(yīng)用了“example”和“big-font”類的元素再添加“italic”類,它將變成紅色、48像素、斜體的字體。
總之,類的引用可以幫助我們在CSS中更加方便地定義和修改多個HTML元素的樣式,是前端開發(fā)中必不可少的一項技能。