將CSS屬性的值作爲變量存儲在外部配置文件中

Question

有沒有一種方法可以將CSS屬性的值存儲爲變量，如元素的高度/寬度作爲變量在配置文件中，以便可以輕鬆維護它們&那裏不需要改變元素的css值，而只需要改變外部配置文件中的變量。

變量，主要是因爲如果我調整元素的大小&我希望其他元素應該補償這種變化，我不需要chnage所有的值，但只是一個變量！

甚至有可能嗎？

Answer 1

這對於標準CSS是不可能的。如果你想使用JavaScript來動態地應用樣式屬性，那麼這將是可能的，但更簡單的解決方案可能是使用LESS，這是一個CSS擴展，旨在完成這樣的事情。

下面是一個例子：

@myWidth: 100px; 

#header { 
    width: @myWidth; 
} 
#footer { 
    width: @myWidth; 
} 

由LESS腳本得到的 「編譯」 成普通的老CSS：

#header { 
    width: 100px; 
} 
#footer { 
    width: 100px; 
} 

顯然，這樣一個小例子，有什麼好處，但當你處理巨大的CSS文件時，它可以產生巨大的差異。 LESS帶來了很多其他的東西，所以通過文檔來了解它們。