如何去掉锚元素的下划线？

问题描述

我尝试了 text-decoration:none !important; 但它不起作用。这是我的代码：

.no {
  text-decoration:none !important;
}

<a href="fmab-no.html" class="no">No,Different</a>

它在这里有效，但不适用于我的 VS 代码。这是一个错误吗？

解决方法

一些注意事项：

• 您可以使用 > css 选择器为元素赋予更高的优先级。例如：

.parent-class > .no { text-decoration:none !important; }

• 如果您使用 react、vue 或 angular 等框架，可能是由于封装特性。

• 如果代码是由其他人编写的，它可能使用了 css 中的 :before 或 :after 特性来创建下划线。