auchor伪类与css样式继承的问题

原创于 2019-08-06 17:13:56 发布 · 408 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CSS #HTML

本文探讨了在CSS中，样式声明的顺序如何影响元素样式的继承。通过一个具体的例子，解释了当两个样式声明冲突时，后声明的样式会覆盖前者的原理，并提供了正确的样式组织建议。

笔者在学习css的时候，敲代码时发现了一个问题：我先在style内写了一个auchor伪类，然后写了一个ul样式，最后在body内建了一个列表时发现ul样式并没有被继承下来，在反复检查后发现代码本身没有问题，上网查了半天也没有查到解决方法，最后我试试将ul样式放在了auchor伪类的前面，在浏览器上跑了一下，发现列表成功继承了ul样式，我查了一些资料，原理是：在style内，class的声明是必须严格按照顺序的，因为第二个声明始终优先于第一声明。
以下是代码：



    ul{
       list-style-type:none;
       margin:0;
       padding:0;
      }

    a.one:link{color:#FFFF00; text-decoration:none;}
    a.one:visited{color:#FFFF00; text-decoration:none;}
    a.one:hover{font-size:150%; text-decoratino:underline;}