css3的nth-last-child这个选择器可不可以一次定义几个元素

:nth-last-child(n) 选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。n 可以是数字、关键词或公式。规定属于其父元素的第二个子元素的每个 p 元素,从最后一个子元素开始计数:p:nth-last-child(2){background:#ff0000;}Odd 和 even 是可用于匹配...
css3的nth-last-child这个选择器可不可以一次定义几个元素
这个就看你想选择多个的规律。
定义和用法

:nth-last-child(n) 选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。

n 可以是数字、关键词或公式。
规定属于其父元素的第二个子元素的每个 p 元素,从最后一个子元素开始计数:p:nth-last-child(2){background:#ff0000;}Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)。在这里,我们为奇数和偶数 p 元素指定两种不同的背景色,从最后一个子元素开始计数:p:nth-last-child(odd){background:#ff0000;}p:nth-last-child(even){background:#0000ff;使用公式 (an + b)。描述:表示周期的长度,n 是计数器(从 0 开始),b 是偏移值。在这里,我们指定了下标是 3 的倍数的所有 p 元素的背景色,从最后一个子元素开始计数:p:nth-last-child(3n+0){background:#ff0000;}2017-03-21
mengvlog 阅读 10 次 更新于 2025-06-20 01:21:47 我来答关注问题0
  • 序选择器(CSS3中新增的选择器中最具代表性) 1.同级别的第几个 :first-child选中同级别中的第一个标签 :last-child选中同级别中的最后一个标签 :nth-child(n)选中同级别中的第n个标签 :nth-last-child(n)选中同级别中的倒数第n个标签 :only-child选中父元素中唯一的子元素 :nth-child(odd)奇数选中同级...

  •  猪八戒网 id选择器的格式(id选择器的写法是什么)

    (2):last-child 指的是父元素下的最后一个子元素 (3):nth-child(n)n为几就是第几个子元素从前面开始指定 2n 3n odd奇数 even偶数 (4):nth-last-child(n)从后面开始指定 (5):only-child只有一个子元素需加空格 (6):empty没有子元素的没有任何文本不加空格 (7):not()取反(反选) (8):root根...

  •  文暄生活科普 如何制作iconfont如何制作icon

    2.下载安装Photoshop软件,用它打开下载的图片,选择工具栏中的“魔棒”工具。 3.用魔棒工具点击背景(主要是顶部的设置)几次,选择所有背景,然后右键单击,从下拉菜单中选择“选择反转”。 4.按快捷键“CtrlC”复制图像,或者选择编辑菜单下的“复制”。 5.按快捷键“CtrlN”复制图像,或者选择文件菜单下的“新建”。

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部