我在样式表中进行了不可更改的修改

Question

我对 WordPress 网站的样式表 (style.css) 进行了修改，我希望所有链接都带有下划线。我添加的代码是：

a {
    text-decoration: underline !important;
}

这非常有效。现在，我需要修改代码，以便仅当将鼠标悬停在链接上时才给链接添加下划线。所以，我把它改成了

a {
    text-decoration: none; /* No underline by default */
}
a:hover {
    text-decoration: underline;
}

然而，一切都没有改变。

即使删除了代码，也没有什么区别。为了排除缓存问题，我在另一个菜单中更改了字体颜色，当在不同的浏览器中查看页面时（禁用缓存），这些更改会完美反映。为什么我无法删除链接的下划线？

Answer 1

由于

!important;

是在开头声明的，因此您必须在

!important

状态上使用

:hover

覆盖它，如下所示：

a {
    text-decoration: none; /* No underline by default */
}
a:hover {
    text-decoration: underline !important;
}