我可以將兩種以上的款式合併爲超級款式嗎？

我一直希望將兩種樣式結合在一起，以創建一個超級樣式，以便於使用和定製我的頁面。我可以將兩種以上的款式合併爲超級款式嗎？

是否可以定義類似這樣的東西？（如果是的話如何）

.bold { font-weight: bold;} 
.color1 {color: white;} 

.boldColor {.bold; .color1;} 

where .boldColor is effectively 

.boldColor {font-weight:bold; color:white;}

我想，這樣我可以有風格thoughout頁面，能夠很容易地改變顏色，很多地方在1處。我目前使用<p class="bold color">但我的一些類DEFS的越來越長，所以我希望能夠使用<p class="boldColor">

感謝

來源

2010-03-13 Kurru

你不能完全按照你的要求來做，但你可以通過使用逗號分隔多個共享相同屬性的CSS選擇器來獲得類似的效果。

.bold, .boldColor { 
    font-weight: bold; 
} 

.color1, .boldColor { 
    color: white; 
}

這樣class="boldColor"將具有class="color1 bold"同樣的效果。

來源

2010-03-13 18:13:23

沒有，CSS規範不支持此。

來源

2010-03-13 18:12:09 anddoutoi

這是不可能使用普通的CSS。正如你已經說過的，你通常會這樣做，通過結合類名稱：bold color

有一些CSS「預編譯器」可以在CSS樣式表上進行高級操作，比如使用變量。我不知道有任何「類融合」像你請求，但我相信他們可以幫助減少代碼大小。例如，請查看LESS和xCSS。

來源

2010-03-13 18:13:04

和CleverCSS！ http://sandbox.pocoo.org/clevercss – myfreeweb 2010-03-13 18:15:55

+1 lesscss可以做類似'.class {#id; }'。太好了！ – 2010-03-13 18:17:02

不，你不能這樣做。你目前如何做是理想的。

來源

2010-03-13 18:13:30

退房LessCss（.NET version）

來源

2010-03-13 19:24:39 erikkallen

我可以將兩種以上的款式合併爲超級款式嗎？

回答

相關問題