如何删除锚点元素中的下划线

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功能来创建下划线。