在CSS中,我們經常需要同時對多個元素應用同樣的樣式。這時,我們可以使用多個類來實現這個目的。
/* 給同時具備class1和class2的元素應用同樣的樣式 */ .class1.class2 { color: red; }
可以看到,在CSS中,我們只需要將多個類名連寫即可,中間不需要添加任何符號。這樣,就可以為同時具備這些類的元素添加同樣的樣式了。
不僅如此,我們還可以使用“空格”來為同時具有多個類的元素添加樣式。這種方法的作用范圍更加廣泛,因為一個元素同時可能包含多個空格分隔的類名。
/* 給同時具備class1、class2和class3的元素應用同樣的樣式 */ .class1.class2 .class3 { color: blue; } /* 給同時具備class1和class2,并包含class3的元素應用同樣的樣式 */ .class1.class2.class3 { color: green; }
這樣,我們就可以為多個類名的元素添加差異化的樣式了。在實際開發中,多個類的方式也是常見的實現樣式復用的手段。
上一篇css怎么用圓角邊框
下一篇jquery調用本地圖片