爲什麼我的CSS變量不起作用？

我第一次使用CSS變量，但無法使其工作。我在Chrome上實現了它，並且三重檢查了我的代碼。爲什麼我的CSS變量不起作用？

@default: red; 
#myDiv { 
color: @default; 
} 
<div id="myDiv">Hello World</div>

來源

2011-08-20 0x499602D2

沒有像「CSS變量」那樣的東西。你是否在使用類似[Less]（http://lesscss.org/）或[Sass]（http://sass-lang.com/）的圖書館？如果是這樣，告訴我們。 –

您是在Flex中創建樣式嗎？ –

不，我不知道你必須使用庫來實現這個功能......我認爲這是CSS原生的。 – 0x499602D2

不幸的是，css本身並不支持變量，但有些庫增強了css語法以允許您使用變量等。 Matt Bell提到的最受歡迎的是Less和Sass。

基本上他們做的是分析所有的CSS變量和使用功能被編譯成一個有效的CSS文件，您可以在您的網頁/使用你寫的文件，並輸出一個。

http://sass-lang.com/
http://lesscss.org/

官方W3C CSS規範：
http://www.w3.org/TR/CSS/

編輯：

由於這年前最初回答事情發生了變化。 CSS變量現在是規範

對於文檔/說明檢查出excellent MDN article的一部分。

對於當前/上最新的支持和統計check out caniuse.com。

來源

2011-08-20 20:16:31 sg3s

由於這個問題得到解答，事情發生了變化。對於支持（在寫作時它是有限的）檢查http://caniuse.com/#search=css%20variables關於CSS變量的更多文檔，我會建議https://developer.mozilla.org/en-US/docs /網絡/ CSS/Using_CSS_variables – sg3s

爲什麼我的CSS變量不起作用？

回答

相關問題