如何在css文件中創建別名或變量

我有一個css文件列表，每個css文件都有不同的圖像位置代碼，如url（../_ images/headerImages.jpg），現在我將圖像放置到因此，我想創建一個像var domainPath = http://sitename.com這樣的變量，以便在每個url（../）處我都可以寫出類似url（domainPath +'/images/headerImages.jpg'）的內容。如何在css文件中創建別名或變量

例

var DOMAIN_PATH = http://www.mysite.com; 

#header {background: url(DOMAIN_PATH/_images/headerimage.jpg)no-repeat; }

請幫助我..

來源

2013-04-01 Monu D

純CSS您不能使用變量。我建議使用CSS預處理器，這是一種編譯爲CSS的語言。 SASS是太棒了，你可以做你問什麼，像這樣：

$domainpath: url(http://www.mysite.com/_images/bg-header-noodletools-express.jpg); 

#header {background: $domainpath no-repeat; }

另一種選擇是LESS。

來源

2013-04-01 08:37:30

好的。謝謝丹尼爾。我會嘗試使用SASS/Less。 –

我可以在不使用SASS/Less的情況下執行此操作，因爲它對我來說似乎有點複雜？ –

不，CSS中的變量是將來可用的。如果你想現在，你需要一個CSS預處理器。 – cimmanon

如何在css文件中創建別名或變量

回答

相關問題