同时使用多个伪类

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
      }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 背景 一年多以前我在知乎上答了有关LeetCode的问题, 分享了一些自己做题目的经验。 张土汪:刷leetcod...
    土汪阅读 14,354评论 0 33
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,803评论 19 139
  • 所以你学会了基础的id,类和后代选择符,然后你就一直用它们了吗?如果是这样,你丢失了(css的)巨大的灵活性。在本...
    xxiao1988阅读 3,576评论 0 2
  • 夜晚,真是可怕。 听着手机里放的音乐,盘腿坐在窄窄的小床上,后背靠着冰冷的白色墙壁,喝着已经冷却的的凉白开,然后,...
    一颗好好好树啊阅读 1,733评论 0 2
  • 人的生命力有一种能量,它使你不安宁。说它是欲望也行,幻想也行,妄想也行,总之它不可能停下来,它需要一个表达方式。所...
    果幂的N次方阅读 4,274评论 0 0

友情链接更多精彩内容