经过查阅，如果想要去掉a标签的默认效果，就要用text-decoration: none;，但是经过试验发现并不好用，可能是因为你用a标签里的class或id定义的CSS样式，就像这样：
<div class="test>
<a class="navbarLink">链接</a>
</div>
.navbarLink{ text-decoration: none; }
如果这样定义a的下划线是不会消失的。
如果想要去掉默认样式，必须要这样定义CSS：
.test a{ text-decoration: none; }
CSS 解决 a标签去掉下划线 text-decoration: none无效 的解决方案
原文：https://www.cnblogs.com/yuer20180726/p/11008242.html