變量在CSS中有用還是多餘？

Question

我見過很多在CSS中添加變量的方法（例如SASS和LESS）。

什麼是從這個不斷變化的親和缺點：

#div-one, #div-two { 
    color: blue; 
} 

這樣：

@default: blue; 

#div-one { 
    color: @default; 
} 

#div-two { 
    color: @default; 
} 

Answer 1

在CSS中使用變量這樣肯定使代碼的可讀性和可維護性。此外，這是DRY原理的一個很好的例子。雖然在這種情況下將兩者結合爲一個可能會更好（假設@default被多次使用）。

@default: blue; 
#div-one, #div-two { 
    color: @default; 
} 

Answer 2

AFAIK，CSS變量不是標準的一部分。這是一個功能請求
我已經閱讀過最新版本的WebKit可能會理解的地方。

但總之，不要使用這個。即使我是非常酷的，因爲你可以定義全局值，大多數當前使用的瀏覽器不會理解這一點。

我不知道SASS或LESS，但我可以看到這是Ruby的東西，需要安裝。
所以我不認爲它是兼容的解決方案。

Answer 3

通常非常有用的，例如，它們用於與SASS：http://sass-lang.com/