当前位置:  开发笔记 > 前端 > 正文

CSS:父母的最后一个孩子

如何解决《CSS:父母的最后一个孩子》经验,为你挑选了1个好方法。

:last-child当所有"孩子"元素都相同时(即:全部

或全部),效果很好

  • 的并且规则适用于该类型的孩子),.

    但是,我如何使用CSS来选择包含不同元素的父级中的最后一个"子"元素?

    例如,在这个例子中,我如何应用规则.parent来选择其中的最后一个对象(the div)?

    .parent:last-child {
      background-color: red;
     }

    First child

    Third child



    1> Nenad Vracar..:

    你可以使用.parent > *:last-child或只是.parent > :last-child

    星号(*)是CSS的通用选择器.它匹配任何类型的单个元素.用简单的选择器省略星号具有相同的效果.

    .parent > *:last-child {
      background-color: red;
    }

    First child

    Third child
  • 推荐阅读
    地之南_816
    这个屌丝很懒,什么也没留下!
    DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有