如何给css不同颜色的2个不同的超链接

Question

我的目标是以绿色显示超链接。我已经为这个超链接提供了一个类.ueberschrift_name。

我试图用CSS和HTML改变颜色而没有运气。我想将现有超链接的颜色从白色更改为绿色。我希望有人能给我一个如何解决这个问题的提示。

Answer 1

添加＆＃34; ueberschrift_name＆＃34;您的HTML元素的类。然后添加以下内容：

<强> CSS：

.ueberschrift_name{
    color: red;
}

<强> HTML：

<a href="default.asp" class="ueberschrift_name" target="_blank">This is a link</a>

JSfiddle： http://jsfiddle.net/zLofsecL/

或 - 您可以使用内联样式：

<a href="default.asp" style="color: red;" target="_blank">This is a link</a>

Answer 2

由于CSS选择器的优先级，它可能无法正常工作。

简单的解决方案（不是真的推荐）：

.ueberschrift_name {color: green !important;}

更好的解决方案：找出将链接的颜色设置为白色的规则，然后复制该行代码并附加您的类，并将其设置为绿色。 E.g：

.my-parent-class a {color: white;}
.my-parent-class a.ueberschrift_name {color: green;}

Answer 3

您可以为每个锚文本超链接设置一个类。

<div>
<a href="#" class="green-name"><h2>Name 1</h2></a>
<a href="#" class="white-name"><h2>Name 2</h2></a>
</div>

然后只需在CSS中定义颜色，如果您没有看到任何更改，请尝试使用！important规则覆盖：

.green-name {color: green !important;}

.white-name {color:white !important;}

希望这有帮助