美文网首页
text-decoration:none全局设置为什么不生效

text-decoration:none全局设置为什么不生效

作者: LRachel | 来源:发表于2021-10-14 11:04 被阅读0次

    a标签全局定义

    通常我们想到的就是直接对a标签进行设置,如下

    a {
      text-decoration: none;
    }
    

    但有时候发现并不能生效,需要把其选择器写具体,如下

    .nav ul li a {
      text-decoration:none;
    }
    

    主要原理

    a的默认样式权重比全局设置的样式高,并且a标签样式不会继承父元素宽高等等一些样式。

    在代码查看的时候,你会看到全局设置的样式语句是生效的(没有被划掉),只是在页面上没有体现。


    相关文章

      网友评论

          本文标题:text-decoration:none全局设置为什么不生效

          本文链接:https://www.haomeiwen.com/subject/kxiyoltx.html