【问题标题】:How to give 2 different Hyperlinks in css different colors如何在css不同颜色中给出2个不同的超链接
【发布时间】:2016-06-28 18:46:55
【问题描述】:

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

我尝试使用 CSS 和 HTML 更改颜色,但没有成功。我想将现有超链接的颜色从白色更改为绿色。我希望有人能给我提示如何为我解决这个问题。

【问题讨论】:

  • 你能显示你的html吗?
  • 你能不能也展示一下你尝试过但没有用的东西
  • puravidas.ch/index.php/ueber-mich.html" style="color: #CC0000">梅兰妮·伯彻
  • 如果您使用 style 属性直接在元素上添加颜色,这将覆盖 CSS。最好先在 CSS 中设置其初始值
  • 感谢您的回复。您认为这段代码有什么问题?

标签: html css hyperlink


【解决方案1】:

将“ueberschrift_name”类添加到您的 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>

【讨论】:

  • puravidas.ch/index.php/ueber-mich.html" class="ueberschrift_name" target="_blank">梅兰妮·伯彻
  • 好的,所以知道我添加了 CSS 和 HTML 代码,您是否在我的代码中看到错误,因为它现在不起作用...
  • 好的,谢谢!我复制了 html 代码,然后我给出了一个:链接而不是我喜欢的颜色,然后我的问题就解决了:)
【解决方案2】:

由于 CSS 选择器优先级,它可能不起作用。

简单的解决方案(不是很推荐):

.ueberschrift_name {color: green !important;}

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

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

【讨论】:

  • 感谢您的 2 个解决方案,我尝试了第一个,但没有成功。我使用了 !important 几次,但这是第一次无法正常工作,无法将白色覆盖为绿色...
  • @Abdi 在这种情况下,请按照许多人的要求发布您的 html 和 css。
【解决方案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;}

希望对你有帮助

【讨论】:

  • puravidas.ch/index.php/ueber-mich.html" class="ueberschrift_name" target="Melanie Bircher
  • 问题是 a:visited overvwrite 白色我给了他我的其他超链接..
  • a:visited { font-size: 55px;颜色:#ffffff; }
猜你喜欢
  • 2018-09-27
  • 2018-08-10
  • 1970-01-01
  • 2020-10-07
  • 2013-03-15
  • 2019-07-12
  • 2016-10-30
  • 2017-12-29
  • 1970-01-01
相关资源
最近更新 更多