Question

border:3px solid black;

在上面的示例中，您可以通过说出颜色的名称来设置颜色。那里也有广泛的颜色名称。

所以我的问题是这个。有没有办法在您的网站上用css，javascript / jquery甚至php定义自己的自定义颜色名称。

为什么呢？（我有点生气，但是）在c＃中，使用一个可以改变的全局变量并且它会影响使用它的一切都很方便。我希望能有类似的效果。

你可能会问“你不能只使用class =”myColor“？”我可以，但我并不总是以相同的方式使用颜色，我有时将它用于边框，背景甚至文字。另外，我必须给它一个类，而不是在css中声明它，这对于边框来说可能很奇怪。

基本上，我想知道是否有任何接近我正在寻找的东西，无论是css（如此怀疑），jquery，甚至是php。考虑到我想在CSS中使用这个颜色名称，我怀疑这是可能的，但我希望被证明是错误的。

Answer 1

您可以使用CSS预处理器设置变量，例如SASS或LESS。

使用SASS看起来像这样。

$lightGrey :#5e5e5el;

a {
    color: $lightGrey;
}

输出：

a {
    color: #5e5e5e;
}

Answer 2

Answer 3

您可以使用“LESS”或“SASS”来执行此操作。

@myColor: #FFCC00;
...
background-color: @myColor;
...
border: 1px solid @myColor;

Answer 4

SASS有这个有用的功能（以及许多其他功能）。

Answer 5

CSS中没有内置任何内容。您可能需要查看LESS。有了它，您可以轻松地将颜色放入变量中并在整个CSS中使用它。 LESS旨在使CSS更干。

以下是该链接的描述：

LESS通过动态行为扩展CSS，例如变量，mixins，操作和函数。 LESS在客户端（Chrome，Safari，Firefox）和服务器端运行，包含Node.js和Rhino。

Answer 6