全球CSS配色方案/皮膚

Question

我正在使用需要skinnable /品牌的CSS構建一個網站。在技​​術方面，對於每個「品牌」，我在數據庫中都有一組五個顏色值。

我想要做的是構建CSS文件，以便整個站點的顏色方案統一，顏色被重用，所以我可以在一個地方更改值，它會更改整個站點。概念將是這樣的：

.SiteBaseColor {顏色：赭石;}

p {字體大小：50;顏色：SiteBaseColor;}

有沒有辦法來完成這樣的事情？

Answer 1

，但我的選擇將sass其中，我認爲，是小於..

使用CSS預處理程序，你可以寫比在6個不同的CSS文件只是改變顏色變量每次編譯一個青菜文件廣告強大...

但是，如果您必須從數據庫中提取顏色，則可以使用php sni更簡單在css文件中的位置..

Answer 2

爲什麼不只寫6個CSS文件？一個用於所有內容（沒有方案顏色）和一個顏色。 然後你只需要包含你需要的一個。

如果通過PHP生成它一樣的，只是讓5個不同的入口點的模式，包括正確的...

Answer 3

可悲的是，CSS不支持變量。你將不得不使用CSS預處理程序像Less或xCSS，或者使用PHP代碼片段：如果你想調查預處理的選擇（我最喜歡的這種情況下）我同意佩卡

<? $ourColor = "#FF0000"; ?> 

..... 
div.content { color: <?php echo $ourColor; ?> }