css - 在样式表中将默认的基于文本的颜色代码更改为自定义 HEX

Question

是否可以在样式表中定义默认文本颜色代码

例如：我在整个网站上都使用这种颜色，我讨厌打字。颜色：#27408B;

相反，我想要做的是将默认文本 blue 定义为 color:#27408B;

所以我可以输入border:1px solid blue；它会出现边框：1px solid #27408B;

Answer 1

You can use preprocessors like:

LESS: http://lesscss.org/

or

Sass: http://sass-lang.com/

For example in LESS you can do this:

@color: #4D926F;

#header {
  color: @color;
}
h2 {
  color: @color;
}

Answer 2

您想要做的事情可以通过使用 CSS 预处理器来完成。LESS、Sass和Stylus是其中一些比较著名的。预处理器允许您创建变量、mixin、函数等，以帮助简化您的工作。

要创建一个变量，您需要做的就是在样式表中相应地声明它：

@blue = "#27408b"

在上面的示例中，@blue是新变量的名称，而引号之间的值是@blue此后的真实值。

body {background: @blue;} /* your background will be the color #27408b */
a {color: @blue;} /* your link will be the color #27408b */
div {border: 1px solid @blue;} /* your 1px border will be the color #27408b */