如何从继承CSS规则中排除特定元素？

Question

我有这样的CSS：

a { 
    color:#19558D; 
    padding:3px 5px; 
    text-decoration:none; 
} 

a:hover { 
    background-color:#D1E1EA; 
    color:#19558D; 
    text-decoration:none; 
} 

它适用于所有链接，但如果我不希望它应用到页面上的特定链接是什么？我能做什么？

Answer 1

您可以将自己的班级或内联样式应用于相关链接。

例如：

<a href="#" class="MyNewClass" /> 

或

<a href="#" style="color:red;" /> 

Answer 2

有两种方法可以做到这一点。

第一种方式是使用:not()选择，给你的链接，你不想要的样式应用于类：

a:not(.unstyled):hover { 
    background-color:#D1E1EA; 
    color:#19558D; 
    text-decoration:none; 
} 

然而，:not()选择不是在IE8或更低的支持，所以第二个选择是给你的无样式的链接类，并覆盖那些属性与类链接：

a.unstyled:hover { 
    background-color:none; 
    color:#000 
    text-decoration:none; 
}