覆盖a：在其他类中悬停文本修饰

Question

当我使用以下css悬停时，我的网站上的所有链接都加下划线：

a:hover {
text-decoration: underline;
}

如何创建一个会覆盖它的类？

.footer {
text-decoration: none;
}

Answer 1

您的第二个选择器不如第一个选择器准确，因此它是第一个应用的选择器。

另外，您不应该定位这样一个宽选择器（.footer），以便只为您的链接设置样式。你应该做的是：

.footer a：hover {text-decoration：none; }

（因为我假设默认状态没有文本修饰：下划线;）

Answer 2

这段代码似乎解决了它，虽然它没有提前工作：     a：悬停{     文字装饰：下划线;     }     .footer a {     文字修饰：无;     }