如何在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文件中创建别名或变量

回答

相关问题