在不同的 class 中覆盖 a:hover 文本装饰
Overriding a:hover text-decoration in a different class
我使用以下 css:
悬停时，我网站上的所有链接都带有下划线
a:hover {
text-decoration: underline;
}
我怎样才能制作一个 class 来覆盖它？
.footer {
text-decoration: none;
}
这段代码似乎修复了它，尽管它之前没有工作：
a:hover{
文本修饰：下划线；
}
.页脚{
文字装饰：none；
}
您的第二个选择器不如第一个选择器准确，因此它是第一个应用的。
此外，您不应为了仅设计链接样式而定位如此宽的选择器 (.footer)。你应该做的是：
.footer a:hover{ 文字修饰：none; }
（因为我假设默认状态没有文本修饰：下划线；）
我使用以下 css:
悬停时，我网站上的所有链接都带有下划线a:hover {
text-decoration: underline;
}
我怎样才能制作一个 class 来覆盖它？
.footer {
text-decoration: none;
}
这段代码似乎修复了它，尽管它之前没有工作： a:hover{ 文本修饰：下划线； } .页脚{ 文字装饰：none； }
您的第二个选择器不如第一个选择器准确，因此它是第一个应用的。
此外，您不应为了仅设计链接样式而定位如此宽的选择器 (.footer)。你应该做的是：
.footer a:hover{ 文字修饰：none; }
（因为我假设默认状态没有文本修饰：下划线；）