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元素的样式。

不要将CSS样式用于特定链接

2 个答案: