css怎么不选最后一个元素

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

css怎么不选最后一个元素

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

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

:last-child 选择器匹配属于其父元素的最后一个子元素的每个元素。

:not(selector) 选择器匹配非指定元素/选择器的每个元素。

立即学习“前端免费学习笔记(深入)”;

示例:

创建html部分:

1.png

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

2.png

先用last-child选最后一个

3.png

加上not就可以进行反选了

4.png

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2872915.html

(0)
上一篇 2025年3月10日 18:48:11
下一篇 2025年3月7日 00:00:36

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • css怎么设置文本左对齐

    在css中,可以利用text-align属性来设置文本左对齐,只需要给文字所在标签添加“text-align:left”样式即可。text-align属性用于指定元素中的文本的水平对齐方式,当值为left时可把文本排列到左边。 本教程操作环…

    2025年3月10日
    200
  • css中边框阴影怎么写

    写法:“box-shadow: h-shadow v-shadow blur spread color inset”;h-shadow为水平位置,v-shado为垂直位置,spread为阴影大小,inset将外部阴影改为内部阴影(可省略)。…

    2025年3月10日 编程技术
    200
  • css层级关系怎么设置

    在css中,可以利用z-index属性来设置层级,该属性可以设置元素的堆叠顺序,拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面;语法格式“z-index:数值;”,允许使用负值。 本教程操作环境:windows7系统、CSS3&a…

    2025年3月10日 编程技术
    200
  • 深入了解CSS中的选择器

    本篇文章带大家了解一下css中的选择器,介绍一下简单选择器、复合选择器、复杂选择器的语法,选择器优先级。 选择器语法 我们先了解一下选择器的语法,然后深入了解背后相关的特性。 简单选择器 星号 —— *  通用选择器,可以选择任何的元素类型…

    2025年3月10日
    200
  • css写法怎么优化

    css写法优化:1、层级嵌套不能太深,一般不超过4层;2、避免使用元素选择器,不利于后期修改;3、避免使用群组选择器,可以提取一个公用类,定义同一样式,更加方便;4、减少文件引入的数量,内容显示要有优先顺序。 本教程操作环境:windows…

    2025年3月10日
    200
  • css怎么实现不透明度渐变

    css中可使用linear-gradient()或radial-gradient()渐变函数配合rgba()来设置不透明度渐变。linear-gradient()和radial-gradient()可设置渐变,而rgba()可控制不透明度。…

    2025年3月10日 编程技术
    200
  • css高度设置百分比不生效怎么办

    不生效的原因:其父元素没有确定高度,则无法有效使用“height:XX%”的样式。解决方法:给父元素使用height属性设置一个确定的高度,这样子元素高度设置百分比就可以生效。 本教程操作环境:windows7系统、CSS3&&am…

    2025年3月10日
    200
  • 怎么加载css文件

    加载css文件的方法:1、使用“”语句加载;2、使用“@import url(“css文件路径”);”语句加载。 本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。 …

    2025年3月10日
    200
  • css背景图片颜色怎么设置

    css中,可以利用background和background-blend-mode属性来设置背景图片颜色,语法格式“background: url(背景图片路径), 颜色值;background-blend-mode: lighten;”。…

    2025年3月10日
    200
  • css怎么实现心形

    css实现心形的方法:首先利用“border-radius:100%”样式画两个正圆;然后进行定位,将两个圆重合一部分;接着画一个正方形,进行定位,将正方形与两个圆重合一部分,形成一个倾斜的心形;最后使用transform样式调整爱心角度。…

    2025年3月10日 编程技术
    200

发表回复

登录后才能评论