CSS 解决 a标签去掉下划线 text-decoration: none无效 的解决方案

经过查阅，如果想要去掉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;
}

 

转载于:https://www.cnblogs.com/yuer20180726/p/11008242.html