CSS中常常會用到逗號來表示多個選擇器的共同屬性,例如:
.class1, .class2, .class3 { color: red; }
上述代碼表示,當(dāng)某個元素同時擁有class1、class2、class3中的任何一個時,其文本顏色都會被設(shè)置為紅色。
逗號的這種用法在實際開發(fā)中非常實用。比如,我們可以用它來同時處理某一類型的不同狀態(tài),例如:
.btn, .btn:hover, .btn:focus, .btn:active { background-color: blue; color: white; }
上述代碼表示,當(dāng)某個按鈕元素處于任何一個狀態(tài)(普通、懸停、聚焦、激活)時,他們的背景色為藍(lán)色,文本顏色為白色。
總之,逗號的這種使用方式可以使我們在CSS中更加高效地編輯處理多個選擇器,降低代碼冗余度。但我們也要注意合理利用,不要濫用逗號以免造成不必要的復(fù)雜性。