將CSS行組合成一個

我想定義一些我可以組合的基本樣式。比方說，我有一個包含如下的樣式表：將CSS行組合成一個

.whitebackground {background-color: #ffffff} 
.borderblue  {border: solid 1px #0000aa}

我想知道是否有是有辦法，包括這些行成一個新的生產線？喜歡的東西：

**div.main {.whitebackground; .borderblue}**

的結果必須是相同的，因爲這將是這一行：

div.main {background-color: #ffffff; border: solid 1px #0000aa}

來源

2012-03-29 ZEDA-NL

您正在尋找SASS或LESS庫。

它們將允許您將風格聲明從一個選擇器包含到另一個。

少用，只要你想

div.main { 
    .whitebackground; 
    .borderblue; 
}

你的語法會完全有效的工作，但是，當它們被編譯，它會自動採取優化形式。

來源

2012-03-29 12:01:45 Starx

這似乎正是我正在尋找。我希望這樣做沒有JavaScript，但我想這是不可能的。日Thnx。（+1） – 2012-03-29 15:04:57

對於標準的CSS，你不能。但是，你可以給你的div多個類。

<div class="whitebackground borderblue">

這兩套CSS的應用到div。順便說一句，如果我是一個迂腐的心情，我會說像「whitebackground」和「borderblue」這樣的名字不是很好的類名。通過這樣的類，您可以使用內聯樣式。類名稱應該表達意義，意圖，結構，重點等。使用名稱，如「特殊評論」，「重要」，「旁註」，「突出顯示」或任何理由給你的div白色背景和藍色邊框。

來源

2012-03-29 12:26:29

我意識到這種可能性，但我正在尋找它在樣式表本身中的結合。不管怎麼說，還是要謝謝你。順便說一句：我提到的樣式錶行不是真實的名稱或樣式。 – 2012-03-29 15:09:13

將CSS行組合成一個

回答

相關問題