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

我正在用不同颜色的文字创build一个导航菜单（ href链接）。 我想颜色不会改变任何状态（hover，访问等）。

我知道如何设置不同状态的颜色，但是我想知道代码只是保留文本颜色（以及任何其他样式/格式）。

有什么build议么？

Answer 1

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

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

如果您想使用父types的属性，也可以使用inherit值：

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

Answer 2

您可以在样式表中使用select器来定义锚/超链接的所有状态。 例如：

 a { color: blue; } 

将覆盖所有的链接样式，并使所有的状态颜色蓝色。

Answer 3

正如克里斯在我之前所说，只是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 */ 

那么它永远是绿色的，与其他规则无关。

Answer 4

如果你声明a.redLink{color:red;}然后保持这个hover状态，并添加a.redLink:hover{color:red;}这将确保没有其他的hover状态会改变你的链接的颜色