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

在您的情况下，如果您希望项目中的所有链接将特定颜色添加到样式表中，则

a {
  color: red;
}

在大多数情况下，可能更好添加类：

<a href="#" class="my_link" onclick="playclip(); return false;" >xxxxxxxxxxxxx </a> </span></p>

然后在你的样式表中执行：

.my_link {
  color: red;
}

只会更改该特定链接的颜色或您将my_link类添加到的任何其他特定元素。

请参阅 @Michael Dawn 答案，了解如何在项目中添加样式表：

创建名为my_styles.css＆amp;的文件在那里添加css示例。

在html文件的<head>中添加如下链接：

<link rel="stylesheet" type="text/css" href="my_styles.css">

这允许您的html文件与您的css文件/样式表一起使用。

Answer 2

＆＃13;

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

＆＃13;

<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>

＆＃13;

使用定义了样式的class＆amp;将该类名称赋予您要定位的元素（在此示例中为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
}

注意：理想情况下rgb应该只有3个参数分别代表绿色，绿色，蓝色 (255, 0, 0)，而rgba应该有4个参数代表红色，绿色，蓝色，alpha (255, 0, 0, 0.5)。最后一个参数alpha表示透明度。您可以使用任何一种选择。

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

Answer 3

将您的css代码写在一个扩展名为“.css”的单独文件中，然后将其包含在您的页面中：

 <link rel="stylesheet" type="text/css" href="mystyle.css">

然后您可以轻松编辑您的css代码，并且更改将受到所有相同名称和ID类的影响。或者，如果您希望它更容易，您可以使用sass。

您可以添加以下样式：

 <div class="header">...</div>

依旧......

Answer 4

将这段代码放在tag：

中

<style>
  body { 
    color: black;
  }
</style>

如何使样式颜色全球化？

4 个答案: