CSS更改默认基色关键字的值

Question

我想知道是否可以更改CSS基色关键字的颜色值？例如，Graphics默认为p { color: red; }。有没有办法定义颜色#ff0000，所以每次使用关键字red时，显示的颜色都是red而不是#ffcc00？

同样，是否可以定义新的颜色关键字？例如，#ff0000，其中p { color: foo; }显示已定义的颜色，例如foo？

Answer 1

没有

请考虑使用css variables或预处理工具，例如SASS。

Answer 2

您可以使用CSS变量(but it's not supported IE and Old Chrome versions)。

  

声明变量：

element {
  --main-bg-color: brown; 
}

     

使用变量：

element {
  background-color: var(--main-bg-color);
}

您可以在此处阅读更多内容MDN

示例：

:root {
  --red: #FFCC00;
}
p {
  color: var(--red);
}

<p>Some text</p>

Answer 3

是的，但不是纯CSS。您可以使用CSS预处理器，如SASS，SCSS或LESS，并分配变量 - 它不会像red那样，但您可以$red - 虽然这很糟糕实践。 （你应该做的是创建类似$main-color和$accent-color的东西 - 这样即使你使用蓝色或黄色作为颜色它也会有意义。

Answer 4

不，你不能用纯CSS。

如果你想改变你的CSS颜色，理想情况下你不应该这样做，但是，你可以使用LESS或SASS我相信。