从超链接中删除所有样式/格式


157

我正在创建一个导航菜单,其中包含不同颜色的单词(href链接)。我希望颜色在任何状态下都不会改变(悬停,访问等)。

我知道如何为不同状态设置颜色,但是我想知道代码仅保留文本颜色(以及其他任何样式/格式)。

有什么建议?

Answers:


248

你可以简单地定义样式的链接,这将覆盖a:hovera:visited等:

a {
  color: blue;
  text-decoration: none; /* no underline */
}

inherit如果要使用父样式的属性,也可以使用该值:

body {
  color: blue;
}
a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

4
重要的部分是inherit关键字。不幸的是,它没有100%的支持。
大卫2012年

2
initial当您想将CSS重置为默认样式时,它也很有用。这在链接中
SiteHopper

非常感谢inherit
parsecer

@david,它仍然站立吗?难道inherit不工作只在anciet浏览器和Internet Explorer或有在流行的浏览器(Chrome浏览器,火狐)太困难?
parsecer

1
以及检查未设置。>>如果从父项继承属性,则unset CSS关键字会将属性重置为其继承值,否则将其重置为初始值。换句话说,在第一种情况下,它的行为类似于Inherit关键字,在第二种情况下,其行为与初始关键字类似。
JackMorrissey

4

就像克里斯在我面前说的那样,一个a应该优先。例如:

a { color:red; }
a:hover { color:blue; }
.nav a { color:green; }

在这种情况下,.nav a它将始终为绿色,:hover不适用于它。

如果还有其他影响它的规则,则可以使用!important,但不可以。掉进去是个坏习惯。

.nav a { color:green !important; } /*I'm a bad person and shouldn't use !important */

然后,它将始终为绿色,与其他任何规则无关。


这不是他问的。重新阅读问题。他已经知道了。
2012年

@david我已经读过了,很确定这就是他的要求。此代码将允许他设置样式,a以防止对其:hover(或其他样式)进行任何更改:visited。您建议一个实际的解决方案,而不是鸡巴打扰所有三个答案,怎么样?
SpoonNZ

谢谢您的帮助。但是,如果链接是这样的话。2个单词2种颜色,但只有1个链接:唯一(粉红色)销售(黑色)并且它们应在任何状态下保持该颜色。我以这种方式内联编码... <a href="#" style="text-decoration: none" target="_blank"> <span style =“ font-family:Arial; font-size:13px; color: #e91974; font-weight:lighter;“>唯一</ span> <span style =” font-family:Arial; font-size:13px; color:#020202; font-weight:lighter;“>销售</ span > </a>但是必须有一个清洁工。(在代码中有很多这样的链接)有什么建议吗?
SiteHopper 2012年

1

您可以只a在样式表中使用选择器来定义锚点/超链接的所有状态。例如:

a {
    color: blue;
}

将覆盖所有链接样式,并使所有状态变为蓝色。


这不是他问的。重新阅读问题。他已经知道这一点。
2012年

-1

如果您声明,a.redLink{color:red;}则将其保持在悬停状态,并进行此类添加,a.redLink:hover{color:red;} 以确保没有其他悬停状态会更改链接的颜色

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.