为什么选择器:last-child没有起作用?

我想要有.list样式的最后一个不要下划线。
为什么:last-child没有起作用?

clipboard.png

clipboard.png

clipboard.png

clipboard.png

阅读 16.9k
评论
    6 个回答

    el:last-child 的匹配规则是:第一步,查找 el 选择器匹配元素的所有同级元素(siblings);第二步,在同级元素中查找最后一个元素;第三步,检验最后一个元素是否与选择器 el 匹配。

    .list:last-child 匹配到了 footer,但 footer 不匹配 .list,故选择器不生效。

    相比用 last-of-type,一个可能更好的方案是:将所有 p 标签用一个父元素包起来,然后用:
    .list:not(:last-child) {} // 不兼容 IE9-

      相似问题
      推荐文章