html - 如何使样式颜色全局化？

Question

我确定这个问题在某个地方得到了回答，但我找不到，我什至不确定如何正确描述这个问题

我正在寻找某种方式将颜色代码部分放入 css 中，这样它就变成了全局的，这样我就可以更改所有可以一次更改的实例。

否则很难看到透明链接..

<a href="#" style="color: rgb(255,0,0,0)" onclick="playclip(); return false;" >xxxxxxxxxxxxx </a> </span></p>

也许是通过类解决的？

类似于:

<a href="#" style=.color1 onclick="playclip(); return false;" >xxxxxxxxxxxxx
My personal knowledge about css is, maybe, 1%..

Answer 1

.myClass {
  color: rgb(255,0,0);
}

<a href="#" class="myClass" onclick="playclip(); return false;" >xx</a>
<a href="#" onclick="playclip(); return false;" >xxx</a>
<a href="#" onclick="playclip(); return false;" >xxxxx</a>
<a href="#" class="myClass" onclick="playclip(); return false;" >xxxxxx</a>
<a href="#" class="myClass" onclick="playclip(); return false;" >xxxx</a>

使用具有已定义样式的 class 并将该类名称赋予您要定位的元素(本例中为 class="myClass")。像这样:

HTML

<a href="#" class="myClass" onclick="playclip(); return false;" >xx</a>
<a href="#" onclick="playclip(); return false;" >xxx</a>
<a href="#" onclick="playclip(); return false;" >xxxxx</a>
<a href="#" class="myClass" onclick="playclip(); return false;" >xxxxxx</a>
<a href="#" class="myClass" onclick="playclip(); return false;" >xxxx</a>

在你的 CSS 文件中定义你使用的类

CSS

.myClass {
  color: rgb(255,0,0); // change only this to affect all with this class name
}

Note: Ideally rgb should have only 3 parameters representing red, green, blue(255, 0, 0) respectively and rgba should have 4 parameters representing red, green, blue, alpha(255, 0, 0, 0.5). The last parameter alpha represents transparency. You can use any of your choice.

在您的问题中，您提到了color: rgb(255,0,0,0)。这是不正确的，因为您使用的是带有 4 个参数(不是 3 个)的 rgb 函数。这不会为您提供所需的 red 颜色。 color: rgb(255, 0, 0) 是正确的。