一、选择列表中的偶数标签:nth-child(2n) 二、选择列表中的奇数标签 :nth-child(2n-1) 三、选择从第6个开始的,直到最后:nth-child(n+6) 四、选择第1个到第6个 :nth-child(-n+6) 五、两者结合使用,可以限制选择某一个范围,选择第6个到第9个 :nth-child(n+6):nth-child(-n+9) :nth-last-chil...
:nth-child() 选择器,该选择器选取父元素的第 N 个子元素,与类型无关。 一、偶数:nth-child(2n) 二、奇数 :nth-child(2n-1) 三、第6个开始的,直到最后:nth-child(n+6) 四、选择第1个到第6个 :nth-child(-n+6) 五、两者结合使用,可以限制选择某一个范围,选择第6个到第9个 :nth-child(n+6)...
一、两者结合使用,可以限制选择某一个范围,选择第6个到第9个 :nth-child(n+6):nth-child(-n+9)
const element = document.querySelector("父元素选择器 :nth-child(even)"); //选择偶数位置的子元素 ``` 3. 选择多个特定位置的子元素: ```javascript const elements = document.querySelectorAll("父元素选择器 :nth-child(n), :nth-child(m), :nth-child(k)"); ``` 例如,选择第一个、第三个...
1、nth-child(N):下标从1开始;eq(N):下标从0开始 2、nth-child(N):选择多个元素;eq(N):选择一个元素 3、nth-child(N):在一个文档树种中,选择各层排行第N的所有元素。eq(N):在一个文档树种中,前序排列后,选择第N个元素 具体事例 $(document).ready(function(){ $("p:eq(1)").css("backgroun...
1.选择前几个元素 【负方向范围】选择第1个到第6个 :nth-child(-n+6) 2.从第几个开始选择 【正方向范围】选择从第6个开始的,直到最后 :nth-child(n+6) 3.两者结合使用,可以限制选择某一个范围 【限制范围】选择第6个到第9个,取两者的交集 ...
使用CSS选择器:nth-child()，能轻松修改特定子元素的样式。该选择器不考虑子元素的类型，直接选取父元素的第N个子元素。要修改父元素的前三个子元素的样式？简单，使用:nth-child(1n)即可。若需选择列表中的偶数标签，可以使用:nth-child(2n)；而要选择奇数标签，则是:nth-child(2n-1)。若需从第...
例如，你可以用:nth-child(2n+1)来选择所有奇数位置的元素，或者:nth-child(-n+9)选取从第一个到第九个元素。范围限制也可以设置，如:nth-child(6,9)表示选择第6到第9个元素。更高级的用法如只选中第2到9位的奇数，只需调整公式即可。值得注意的是，:nth-child()只适用于同级子元素，对于子...
首先，选择器有几种基本形式，包括选择第一项、第N项和最后一项。使用:first-child可选取列表中的第一个元素，例如：first-child。通过:nth-child(n)可选取列表中的第n个元素，其中n是具体的数字。例如：nth-child(2)选取第二项。利用:last-child可选取列表的最后一个元素，例如：last-child。接...
nth-last-child(3n+1)nth-last-child(3n+1):选择第 1、4、7 个元素,从第一个开始每个递增三个。 举例:第1、4、7 . . . 行背景色设置为红色,代码如下: 代码语言:javascript 复制 li:nth-child(3n+1){background:red;} 上面的几种方法运行效果如下图: ...