nth-child(n) 选择器匹配属于其父元素的第 n 个子元素。
注意:
1. 第n个子元素的计数是从1开始，不是从0开始的
2.选择表达式中的字母n代表≥0的整数
用even/odd分别代表偶数 / 奇数：span:nth-child(even)
或者
用2n/2n-1分别代表偶数/奇数: span:nth-child(2n)
1.选择前几个元素
【负方向范围】选择第1个到第6个
:nth-child(-n+6)
2.从第几个开始选择
【正方向范围】选择从第6个开始的，直到最后
:nth-child(n+6)
3.两者结合使用，可以限制选择某一个范围
【限制范围】选择第6个到第9个，取两者的交集
:nth-child(-n+9):nth-child(n+6)
4.选择列表中的倒数第n个标签 n为数字
:nth-last-child(n)
nth-child(3n) w3school文档：nth-child选择器 :nth-child(n) 选择器匹配...
结构伪类选择器 作用 根据文档结构来选择器元素。 语法 注意nth-child nth-child会把所有的盒子都...
target:nth-child(n) jQuery 用CSS选择器来选取元素,target:nth-child(...
nth-child选择器 /*nth-child*/ /*选中第一个li*/ ul...
一、:nth-child选择器 1.1 用法 格式p:nth-child(2){color：red} 含义表示p元...
一、:nth-child 1.1 说明 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论...
一.子元素选择器 二.属性选择器 三.伪类选择器 四.子元素选择器 div p:nth-child(1)获得div...
css3: 1、选择器：nth-child（）、nth-of-type（）、：checked、：disabled ...
nth-child介绍 nth-child(n) 选择器匹配属于其父元素的第 n 个子元素。 使用它的时候需要注意...
jQuery的API: 1.选择器: > + ~ nth-child（编号）,nth-of-type(编号),[...
本文标题：nth-child 选择器
本文链接：https://www.haomeiwen.com/subject/pppzadtx.html
网友评论