在CSS中指定命名颜色的数值

Question

我认为这是不可能的，但是如果我错过了某些东西，是否可以覆盖命名颜色的值？

换句话说，我有一个html页面，风格=＆＃34;背景颜色：红色;＆＃34;在其中，是否可以指定它使用＃FA5858而不是默认的＃FF0000？

我不希望编辑HTML文件，因为它是从几个不同的流程自动生成的，并且有一些我不想丢失的历史数据。

Answer 1

不，red是严格定义的#f00，您无法更改它。

但是您可以使用CSS预处理器之一（例如LESS，SASS）并使用$red定义的#fa5858变量

Answer 2

简短的回答是：不。

在CSS中，某些颜色定义了名称。它们无法改变。

但是，如果您使用LESS，SASS或其他基于CSS的样式语言，您可以（差不多）这样做。

SASS中的示例：

$red: #FA5858; /* define variable $red to #FA5858 */

a {
    color: $red; /* use value of variable $red */
}

如果要执行此操作，可以非常轻松地创建脚本以将颜色名称转换为变量名称。例如，在JavaScript中：

var css = "a { color: red; }";
var sass = css.replace(/\bred\b/g, "$red");

alert(sass); // a { color: $red; }