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

Question

How set text-decoration to none in react of the link child text? In my case this text with the 'preview-title' and 'preview-slogan' class. I tried set it in app.css

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

As well i did that to a tag in index.css

a { text-decoration: none; }

Also attempted textDecorationStyle to the element <div className='preview-title' textDecorationStyle="none"> But that doesnt work too

In devtool we see the style is applied through .css but at the page it still with underline

Answer 1

Please try the below-given CSS code hope it will help you. You have to set !important because you are trying to override the pre-defined style of the particular element.

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

Hope it will help you in solving your issue.

Thanks.

Answer 2

发现，必须在app.css中放置text-decoration: none ，而不是在index.css中。