javascript - 我可以创建可以在 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 中是 LESS .它需要 ruby 。我还没有使用过它，但绝对值得一看。

一种更原始​​的方法是使用服务器端脚本语言，如 PHP。

您可以像这样在 PHP 中定义常量:

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

然后使用 <?=MYBLUE;?> 在需要的地方输出值

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