我想从所有链接中删除下划线，但是这个来自暮光之城的 CSS 到处都是恐怖

Question

检查this page。

在本页末尾，您会找到这个短语 21 MULHERES SURREALISTAS。这是一个 link 并带有下划线。

检查这个元素。 CSS 上的所有 text-decoration 定义都是 none，但是这个 link 仍然带有下划线。

为了理智，我如何删除本网站上所有 link 的下划线，包括这个？

我找了好几个小时。

谢谢

Answer 1

您为 a:hover 设置了如下选择器，它设置了框阴影，而不是文本装饰。

.colors-custom .entry-content a:hover, .colors-custom .entry-content a:focus, .colors-custom .entry-summary a:hover, .colors-custom .entry-summary a:focus, .colors-custom .widget a:hover, .colors-custom .widget a:focus, .colors-custom .site-footer .widget-area a:hover, .colors-custom .site-footer .widget-area a:focus, .colors-custom .posts-navigation a:hover, .colors-custom .posts-navigation a:focus, .colors-custom .widget_authors a:hover strong, .colors-custom .widget_authors a:focus strong {
-webkit-box-shadow: inset 0 0 0 rgb(0 0 0 / 0%), 0 3px 0 rgb(0 0 0);
box-shadow: inset 0 0 0 rgb(0 0 0 / 0%), 0 3px 0 rgb(0 0 0);

}

Answer 2

它是锚标记上的框阴影。具体来说：

-webkit-box-shadow: inset 0 -1px 0 hsl(250deg 50% 6%); 
box-shadow: inset 0 -1px 0 hsl(250deg 50% 6%);

要删除它，只需使用：

.colors-custom .entry-content a, .colors-custom .entry-summary a, .colors-custom .widget a, .colors-custom .site-footer .widget-area a, .colors-custom .posts-navigation a, .colors-custom .widget_authors a strong {
    box-shadow: none;
}

我想从所有链接中删除下划线，但是这个来自暮光之城的 CSS 到处都是恐怖

I want to remove underline from all links but this CSS from the twilight zone is terrorizing everywhere

html

css

hyperlink