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

it2022-05-05  57

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


最新回复(0)