CSS链接充当按钮但继承行为

Question

我将链接CSS定义为：

A
{
color: #315393; font-family: verdana; font-weight: 500; text-decoration:underline; font-size: 10px; 
}

A:Hover
{
color: #999999; font-family: verdana; font-weight: 500; text-decoration:none; font-size: 10px; 
}

然而，有几种情况我想要一个链接就像一个按钮，为此我使用bootstrap并给他们类＆＃34; btn btn-primary＆＃34;，但因为它们仍然是链接看来他们还在使用上面的CSS。如何从这些中排除链接行为CSS，是否有办法在链接中进行链接？

Answer 1

您可以使用 :not 伪类从匹配的选择器中排除某些元素：

a:not(.btn.btn-primary) {
    color: #315393; 
    font-family: verdana; 
    font-weight: 500; 
    text-decoration:underline; 
    font-size: 10px;
}

a:not(.btn.btn-primary):hover {
    color: #315393; 
    font-family: verdana; 
    font-weight: 500; 
    text-decoration:underline; 
    font-size: 10px;
}