添加css样式以防止它改变颜色

Question

下面的代码试图阻止href改变颜色。我已添加!important作为尝试实现此目的：

<a href="http://www.ng.com">NG</a>

    

a:link, :visited, :active, :active { color: navy; !important}
a:hover, :focus { color: #FF6800;}

http://jsfiddle.net/Ht6Ym/3264/

但是当将鼠标悬停在元素上时，颜色会发生变化，我是否错误地使用过？

Answer 1

在分号前添加!important：

color: navy !important;

Answer 2

你的选择器有点偏，这对我有用。还要修复重要的语法。

  a:link, a:visited, a:active, a:active { color: navy!important; }
  a:hover, a:focus { color: #FF6800;}

http://jsfiddle.net/oadg1vgc/1/

Answer 3

你实际上并不需要!important声明，因为这被认为是hackish，你应该看起来更具体。例如，以下内容不使用重要声明，但不会导致问题：

a,
a:hover {
  color: black
}

 <a href="#">link 1</a> 
<br/>
<a href="#">link 2</a> 
<br/>
<a href="#">link 3</a> 
<br/>
<a href="#">link 4</a> 
<br/>

---

但作为参考，!important标记应放在声明中的分号;之前。

a:link,
:visited,
:active,
:active {
  color: navy !important;
}
a:hover,
:focus {
  color: #FF6800;
}

<a href="http://www.ng.com">NG</a>

但是，我只能强调应该避免多少，因为它可能会导致问题在特异性方面更进一步。

---

Answer 4

您使用了错误的语法，修复了语法

a:link, :visited, :active, :active { color: navy !important;}