CSS中的多個class可以用來實現多個元素共享樣式的效果。使用多個class時,可以在元素的class屬性中添加多個class名稱,各個名稱之間使用空格隔開。
<div class="class1 class2 class3"> ... </div>
在CSS中,可以使用"."符號來引用多個class名稱。可以使用逗號來分隔多個class名稱,在這些名稱中對元素應用一組相同的樣式。
.class1.class2.class3 { ... }
使用這種語法時,只需要定義一組樣式即可應用于多個元素,從而減少CSS代碼的重復度。這種做法被認為是CSS中的一種優化方法。但是要注意的是,在多個class名稱中,名稱的先后順序要根據要應用的樣式順序而定。
需要注意的是,這種語法只適用于class選擇器,不適用于id選擇器或標簽選擇器。
/*錯誤示例*/ #id1.id2 { /*這里不會生效*/ } div.class1.class2 { /*這里不會生效*/ }
總的來說,采用多個class的寫法可以大大降低CSS代碼的重復度,提高代碼的可維護性和可讀性。在實際開發中,我們應該盡可能地使用這種寫法。
下一篇css圖片不覆蓋圖片