html - 为什么文字装饰: underline not work?

Question

在我目前正在开发的网站上，我遇到了悬停时链接下划线的问题。虽然在悬停链接上声明了 text-decoration: underline，但它不能正常工作。我自己无法解释。

查看网站本身(它是右下角的链接):http://nils.zamaitat.de/#contact

这与主页部分的下拉菜单“元素”相同:淡入的链接也无法正确处理下划线:http://nils.zamaitat.de/#home

这是我的 CSS 中的内容:

section.contact .links ul > li a:hover 
{
  text-decoration: underline;
}

nav ul li ul > li a:hover {
  text-decoration: underline;
}

非常感谢您!

Answer 1

text-decoration: none; 在 style.css 中。此 CSS 告诉浏览器呈现所有没有文本修饰的超链接。您需要通过提供 !important 声明来覆盖该 CSS。

因此，对于您希望加下划线的链接，只需将 !important 声明添加到其相应的 CSS ID 或类即可。

示例

更改自:

a.exampleLinkClass{text-decoration:underline}

为此:

a.exampleLinkClass{text-decoration:underline !important}