有沒有一種方法可以定義CSS中的顏色常量？

Question

我的CSS文件中的所有顏色都散佈在各處。

我想我所有的CSS顏色都在一個地方，所以他們很容易調整。像常量一樣會很有用。

什麼是一個很好的方法來幫助？我想象像下面這樣，但我會很感激的任何建議：

BODY_BACKGROUND_COLOR = #A8A8A8; 
HEADER_BACKGROUND_COLOR = BLUE; 
HEADER_TEXT = BLACK; 
BODY_TEXT = #eee; 

/* ... tonnes of CSS ... */ 

body { 
    background-color: BODY_BACKGROUND_COLOR; 

/* ... tonnes of CSS ... */ 

.header { 
    /* ... tonnes of CSS ... */ 
    background-color: HEADER_BACKGROUND_COLOR; 
    /* ... tonnes of CSS ... */ 
} 

Answer 1

您可以使用一個CSS處理器如LESS。

但是，如果您只想使用顏色作爲常量，那麼您可能會使用服務器端語言處理文件。

Answer 2

LESS絕對是一個很好的選擇。除了向您的HTML添加js文件之外，無需任何工作。記住它會加起來給你的客戶端加載。一旦你喜歡它，你可以開始在服務器端使用它，從而避免客戶端負載。

它也給你選項上的顏色進行操作 - ，我想使用服務器端語言來處理每一個CSS文件，如添加兩種顏色，減輕和的一定百分比變暗顏色等

順便說一句請求會給服務器增加不必要的負擔。而AFAIK，包括HTML文件內嵌的CSS代碼是唯一的方法，這不是提供CSS文件的最佳方式（因爲它們不能被緩存）。