1
border:3px solid black;

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

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

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

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

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

4

6 回答 6

6

您可以使用 CSS 预处理器(例如SASSLESS )设置变量。

使用 SASS 它看起来像这样。

$lightGrey :#5e5e5el;

a {
    color: $lightGrey;
}

输出:

a {
    color: #5e5e5e;
}
于 2012-06-13T21:57:52.937 回答
0

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

于 2012-06-13T21:57:35.243 回答
0

您可以使用“ LESS ”或“ SASS ”来做到这一点。

@myColor: #FFCC00;
...
background-color: @myColor;
...
border: 1px solid @myColor;
于 2012-06-13T21:57:38.317 回答
0

SASS有这个有用的特性(以及许多其他特性)。

于 2012-06-13T21:57:39.127 回答
0

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

以下是该链接中的描述:

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

于 2012-06-13T21:58:56.833 回答
0

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

于 2012-06-13T22:18:44.393 回答