CSS選擇器中,class選擇器是一種非常常見的選擇器,它允許我們對指定的HTML元素應用自定義的樣式。要使用class選擇器,我們需要在HTML元素的class屬性中指定一個類名,然后在CSS樣式表中使用該類名來定義樣式。
.my-class { color: red; font-size: 20px; }
在上面的代碼中,我們定義了一個名為“my-class”的類選擇器,該選擇器將樣式應用到使用該類的所有HTML元素上。比如,我們可以將這個類應用到一個段落元素中:
這是一個帶有樣式的段落。
這將使該段落的文字變成紅色,并且字號將變為20px。
如果需要同時應用多個class樣式,則可以在class屬性中添加多個類名,每個類名之間用空格隔開:
這是另一個帶有多個類樣式的段落。
這樣我們就可以將“my-class”和“another-class”這兩個類的樣式同時應用到這個段落元素中。
總之,class選擇器是CSS中非常重要的一種選擇器,可以方便地對多個HTML元素共同進行樣式定義,提高CSS樣式表的復用性。