定义自定义颜色

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

使用的色彩值，而不是一个名为color：https://developer.mozilla.org/en/CSS/color_value

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与动态行为，如变量，混入，操作和功能。 LESS运行在客户端（Chrome，Safari，Firefox）和服务器端，使用Node.js和Rhino。

Answer 6

This may be coming to CSS eventually。