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

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

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

有什么建议？

你可以简单地定义样式的链接，这将覆盖a:hover，a: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 */
}

就像克里斯在我面前说的那样，一个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 */

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

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

a {
    color: blue;
}

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

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