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

Question

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

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

任何建议？

Answer 1

您只需为链接定义一种样式，即覆盖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 */
}

Answer 2

正如克里斯在我之前所说，只有一个a应该覆盖。例如：

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

在这种情况下，.nav a总是绿色，：悬停不适用于它。

如果有其他规则影响它，你可以使用!important，但你不应该。陷入这是一个坏习惯。

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

然后它将永远是绿色的，与任何其他规则无关。

Answer 3

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

a {
    color: blue;
}

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

Answer 4

如果您说明a.redLink{color:red;}然后将其保留在悬停状态并添加a.redLink:hover{color:red;}这将确保没有其他悬停状态会更改链接的颜色