請教一下大家,當我定義兩個 class 時,它們的屬性是相同的,這時有沒有更好的寫法呢?比如下面的例子:
.class1 { font-size: 16px; color: #333; } .class2 { font-size: 16px; color: #333; }
上面的代碼中,class1 和 class2 它們的屬性是一模一樣的,如果我要修改它,需要同時修改兩個 class,這顯然不太方便。那么有沒有什么辦法可以讓我們只定義一次屬性,讓兩個 class 共用呢?答案是肯定的,它就是 CSS 多個 class 相同。
CSS 多個 class 相同,就是為多個 class 定義共同的樣式。在定義 class 時,可以用逗號把多個 class 分隔開來,然后為它們定義相同的樣式,如下例所示:
.class1, .class2 { font-size: 16px; color: #333; }
上面的代碼中,我們用逗號分隔開了兩個 class:class1 和 class2。然后為它們定義了共同的樣式:font-size 和 color,它們的值都是相同的。這樣當我們要修改字體大小或顏色時,只需要修改一個地方,就可以同時修改兩個 class 的樣式了。
CSS 多個 class 相同,不僅是提高了代碼的可讀性和可維護性,同時也縮短了代碼量,減小了文件大小。所以在開發中,推薦使用 CSS 多個 class 相同的寫法,方便我們更好地進行代碼管理。
上一篇css多個圖片并排排列
下一篇css多個小球三維旋轉