美文网首页
同时使用多个伪类

同时使用多个伪类

作者: Axiba | 来源:发表于2016-03-07 14:18 被阅读331次

    1、例如需要使用:.list-item::after
    同时也要使用:.list-item:last-child

    那么需要把最后一个对象的after覆盖掉的话可以这么操作:

    .list-item:last-child::after{
        //write the styles
    }
    

    或者第二个方法:

    .list-item:last-child {
          &:after{
                //write the styles
          }
    }
    

    2、有一种情况,例如像上面的last-child,我们就必须要写默认的情况,和最后一个子元素的情况,其实我们可以用 :not()来处理

    .list-item:not(:last-child) {
        &:after{
        }
    }
    

    否则我们可能需要:

    .list-item:after{
                //write the styles
    }
    .list-item:last-child {
          &:after{
                //write the styles
          }
    }
    

    相关文章

      网友评论

          本文标题:同时使用多个伪类

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