如何在反应中删除链接中的下划线

Question

如何在链接子文本的反应中将text-decoration设置为none？ 在我的情况下，此文本带有“ preview-title”和“ preview-slogan”类。 我尝试在app.css

中进行设置

.preview-title, .preview-slogan { text-decoration: none; }

我也对index.css中的a标签做了

a { text-decoration: none; }

还尝试了textDecorationStyle 到元素 <div className='preview-title' textDecorationStyle="none"> 但这也不起作用

在devtool中，我们看到样式是通过.css应用的，但在页面上仍然带有下划线

Answer 1

发现后，它必须放在{。{1}}中，而不是在index.css中。

Answer 2

请尝试下面提供的CSS代码，希望它对您有所帮助。您必须设置！important，因为您试图覆盖特定元素的预定义样式。

.preview-title{
    text-decoration: none !important;
}

希望它会帮助您解决问题。

谢谢。