Question

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

例如：我在我的网站上使用这种颜色，我不喜欢打字。颜色：＃27408B;

相反，我想要做的是将默认文本blue定义为颜色：＃27408B;

所以我可以输入border：1px solid blue;并且它将出现边界：1px solid＃27408B;

Answer 1

您可以使用以下预处理器：

LESS：http://lesscss.org/

或

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

例如在LESS中你可以这样做：

@color: #4D926F;

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

Answer 2

您希望通过使用CSS预处理器来完成。 LESS，Sass和Stylus是一些比较值得注意的人。预处理器允许您创建变量，混合，函数等，以帮助简化您的工作。

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

@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 */

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

2 个答案: