我可以制作一个我可以在CSS,JS和HTML之间共享的自定义颜色定义吗？

Question

我有一个蓝色的颜色,我想在我的应用程序的许多地方使用,目前我正在我的CSS中的样式之间复制和粘贴它.有没有一种方法可以定义一个常量,如标准颜色,'蓝色','红色'等,我可以在我的CSS,我的HTML和我的JS之间分享？

我想能够说(某处,最好是CSS)

myblue = #33CC99

在CSS说...

background-color:myblue;

在HTML中说...

<td color="myblue"/>

并在JavaScript中

tag.style.backgroundColor = myblue;

我猜这是不可能的,谷歌什么都没有,所以有没有人有任何想法？我怀疑我是唯一遇到这种情况的人.

Answer 1

一个非常有前途的产品,将变量等高级表达式"编译"到CSS中是很少的.它需要Ruby.我还没用过,但绝对值得一看.

更原始的方法是使用像PHP这样的服务器端脚本语言.

您可以在PHP中定义常量,如下所示:

define ("MYBLUE", "#33CC99");

然后使用所需的值输出值 <?=MYBLUE;?>

大缺点:要在外部css和js文件中执行此操作,您显然必须由PHP解释器解析它们,如果您有大量访问者,这不是很好的性能.对于低流量站点,它可能无关紧要.