我花了一个小时试图删除链接中的下划线;我不明白为什么本应如此简单的事情却如此困难

时间:2021-03-25 作者:user203952

我不想链接被下划线。就这么简单。

如果你在谷歌上搜索这个问题,会有很多人问如何做同样的事情,这可以追溯到十多年前。很明显,这是许多人都遇到过的一个问题;那一定意味着有一个简单的解决方案,对吗?某个复选框?“一个”;下划线链接:真/假“;选项没有。没什么大不了的,肯定有插件可以做到这一点?没有。

太好了,所以现在我不得不处理CSS/html,不管怎样。我已经尝试了“的每一个变体”;文字装饰:无"E;我可以找到。把它贴到任何地方。将其粘贴到样式中。css。检查了主题的所有代码,确保没有任何操作。没有什么对边框、框和轮廓也做了同样的处理。没有什么即使我在html中编辑块本身,它也会显示“就在那里”;{文本装饰:无;}"E;。还在那里。没有什么应该做下划线,但它们仍然存在。尝试了不同的浏览器,但仍然存在。

这是我第一次制作网页和WordPress,这是我一生中最令人沮丧的经历之一。除非我遗漏了一些显而易见的东西,否则我无法理解如此简单的事情怎么会如此令人头痛。我无法理解,十多年来,人们都有同样的问题,但却没有试图解决这个问题。我不明白为什么会有十几种不同的解决方案,但没有一种有效。

那么,有没有人能告诉我,在我在墙上打孔之前,我需要做些什么来删除链接中的下划线?

1 个回复
SO网友:Will Ashworth

像这样的事情应该管用;但是如果看不到您的标记,就很难确定。

a, a:hover, a:focus, a:active {
    text-decoration: none;
}
虽然我通常会尽量远离!important, 有时它会派上用场。我会让你来判断你的项目是否这样做:

a, a:hover, a:focus, a:active {
    text-decoration: none !important;
}
Specificity in CSS 不过,你可能想了解更多。熟悉Chrome的开发工具(特别是Inspector)以及如何使用它从前端对CSS进行故障排除也是一个好主意。