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

Question

我已经试过了text-decoration:none !important;，但行不通。这是我的代码：

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

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

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

Answer 1

一些注意事项：

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

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

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

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