css中精灵的配置驱动路径

Question

我在css中使用了很多精灵，图像的所有位置都在css中进行了硬编码。现在我计划将所有图像移动到CDN。在每个地方都很难改变道路。有没有一种方法，将位置作为一个变量放在配置文件中，这样当我移动到另一个CDN时，就不需要在任何地方更改路径。我正在使用python和django环境。 我的示例代码：

 #header .topriglogin .telephone{background:url(../images/sprites.gif) -314px -183px no-repeat;}

我的期望：

#header .topriglogin .telephone{background:url(CONFIG.SPRITE_LOCATION+'sprites.gif') -314px -183px no-repeat;}

有可能吗？。请告知

Answer 1

您可能会考虑使用LESS样式表，这将允许您使用变量，在这种情况下，您仍然需要更新自己的路径配置（或者编写一个简单的脚本来实现这一点）。你知道吗

@SPRITE_LOCATION: '..path/to/sprites/'
#header .topriglogin .telephone{background:url(@SPRITE_LOCATION'sprites.gif') -314px -183px no-repeat;