• 技术文章 >web前端 >css教程

    css怎么不选最后一个元素

    青灯夜游青灯夜游2021-07-21 17:23:43原创130

    在css中,可以利用“:last-child”和“:not()”选择器来不选最后一个元素,语法格式“元素:not(:last-child)”。last-child选可以匹配最后一个子元素,而not()可以匹配非指定元素/选择器的每个元素。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    在css中,可以利用“:last-child”和“:not()”选择器来不选最后一个元素,换个说法:可以选择除了最后一个元素的所有元素。

    示例:

    创建html部分:

    1.png

    正常情况下这样选择会全部选择

    2.png

    先用last-child选最后一个

    3.png

    加上not就可以进行反选了

    4.png

    (学习视频分享:css视频教程

    以上就是css怎么不选最后一个元素的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css :last-chil :not()
    上一篇:如何内联css样式 下一篇:css怎么设置文本左对齐
    VIP会员

    相关文章推荐

    • 聊聊Angular项目中将 .css 文件修改为 .scss 文件的方法• CSS选择器学习之聊聊复合选择器(详细介绍)• 使用JS或CSS如何实现瀑布流布局,几种方案介绍• CSS+JS如何制作皮卡丘动画(代码分析)• CSS颜色设置方法:HEX、RGB、HSL的简单对比• 2021年值得了解的10 个 CSS 功能(分享收藏)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网