css - 不要对特定链接使用 CSS 样式

Question

我目前使用这些：

a:link,a:visited
{
display:block;
width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}

a:hover,a:active
{
background-color:#7A991A;
}

来自名为 layout.css 的 .css 文件中的代码，我将它们用于导航栏。现在我有一个我不想使用 .css 的链接，我需要对我认为的类做一些事情，但不能让它工作。

我试着做：

 a.not
    {
    /*nothing*/
    }

然后将 class="not" 放在链接标签内，但链接仍然使用与菜单相同的样式，而不是标准的蓝色链接。

我不擅长 .css，所以这一定是我无法让它工作的原因。

有谁知道如何解决这个问题？提前致谢！

Answer 1

您可以使用:not()选择器。

a:link:not(.not), a:visited:not(.not)
{
display:block;
width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}

a:hover:not(.not),a:active:not(.not)
{
background-color:#7A991A;
}

Answer 2

这个

a.not
{
/*nothing*/
}

不会覆盖以前设置的样式。

相反，您必须自己重置这些值。这是一个乏味的过程。另一种方法是对所有a元素使用基本样式，然后创建两个类来相应地设置任何非基本a元素的样式。