定义自定义颜色


Define custom color

border:3px solid black;

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

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

为什么?(我有些生气,但是)在 c# 中,使用一个可以更改的全局变量会很方便,它会影响使用它的所有内容,我希望有类似的效果。

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

基本上,我

想知道是否有任何接近我正在寻找的东西,无论是css(所以怀疑它),jquery,甚至是php。考虑到我想在 css 中使用这个颜色名称,我怀疑这是否可能,但我希望被证明是错误的。

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

使用 SASS 它看起来像这样。

$lightGrey :#5e5e5el;
a {
    color: $lightGrey;
}

输出:

a {
    color: #5e5e5e;
}

使用颜色值而不是命名颜色:https://developer.mozilla.org/en/CSS/color_value

SASS具有这个有用的功能(以及许多其他功能)。

CSS中没有内置任何内容。你可能想看看 更少.有了它,您可以轻松地将颜色放入变量中并在整个CSS中使用它。LESS旨在使CSS更加干燥。

以下是该链接中的描述:

LESS 扩展了 CSS 与动态行为,如变量、混合、操作和函数。LESS在客户端(Chrome,Safari,Firefox)和服务器端运行,使用Node.js和Rhino。

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

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

这最终可能会出现在CSS上。