CSS颜色映射

时间:2012-08-24 14:39:54

标签: html css

是否可以将颜色映射到下面的颜色名称:

  

浅蓝色=#FF8000

此十六进制值#FF8000的原始颜色为浅橙色

我需要将此值#FF8000映射为浅蓝色

4 个答案:

答案 0 :(得分:3)

默认情况下不使用CSS,尽管这已经到来。建议的CSS变量规范位于http://www.w3.org/TR/css-variables/。 Chrome有一个实现,但默认情况下它没有打开,目前还没有发布任何版本。

您可以使用像SASS这样的预处理器为您执行此操作。有关详情,请访问http://sass-lang.com/#variables

答案 1 :(得分:1)

没有合理的方法可以做到这一点(就像你可能不想做的那样)。

当前的颜色映射是HTML和CSS规范,浏览器采用的是。因此,如果没有一些黑客的话,就不能改变它们。

如果您必须这样做,您可以按照建议进行操作并运行查找/替换。

答案 2 :(得分:1)

你可以在css中添加一个类,并将颜色(或背景颜色,无论你想要的)设置为十六进制值,然后使用该类,否则我不知道你想要的是什么......

.lightblue
{
    color: #FF8000;
}

答案 3 :(得分:1)

简单回答:不,这是不可能的。 html-colornames绑定到Specification中定义的固定十六进制值。浏览器会自动将lightblue之类的关键字转换为此特定的十六进制值(或RGB,但无关紧要)。您无法更改此行为。

虽然您可以使用自己的颜色词,如lightBlue,然后通过javascript解析样式表,并根据您自己的定义应用颜色。

或者你可以使用SASS / LESS中的变量,如果这是你想要的。

顺便问一下,简单的问题:为什么?