在CSS中,我們可以通過(guò)添加一個(gè)類名來(lái)給某個(gè)元素設(shè)置樣式。添加類名的方法非常簡(jiǎn)單,只需要在元素的class屬性中加上對(duì)應(yīng)的類名即可。
<div class="my-class"> ... </div>
上面的代碼中,我們給一個(gè)div元素添加了一個(gè)類名為“my-class”的樣式。接下來(lái),我們可以在CSS樣式表中定義這個(gè)類的具體樣式:
.my-class { color: red; font-size: 20px; }
上面的代碼中,我們使用了點(diǎn)號(hào)(.)加上了類名來(lái)定義樣式。這里我們定義了字體顏色為紅色,字號(hào)為20像素。
通過(guò)添加類名,我們可以非常方便地為元素設(shè)置樣式,并且一個(gè)類名可以同時(shí)用于多個(gè)元素,一次性統(tǒng)一修改其樣式,極大地提高了開(kāi)發(fā)效率。