/* 选择第n个,n位数字 */ :nth-child(n) 选择列表中的偶数标签 :nth-child(2n) 选择列表中的奇数标签 :nth-child(2n-1) 选择前几个元素 /*【负方向范围】选择第1个到第6个 */ :nth-child(-n+6){} 从第几个开始选择 /*【正方向范围】选择从第6个开始的,直到最后 */ :nth-child(n+6){}...
一、选择列表中的偶数标签 :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-child(-n+3){ margin-top: 12px; } 2.选择前几个元素 /*【负方向范围】选择第1个到第6个 */ :nth-child(-n+6){} 3.从第几个开始选择 /*【正方向范围】选择从第6个开始的 */ :nth-child(n+6){} 4.两者结合使用,可以限制选择某一个范围 /*【限制范围】选择第6个到第9个,取两者的...
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.选择列表中的倒...
:nth-last-child(n) 选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。 n 可以是数字、关键词或公式。 提示:请参阅 :nth-last-of-type() 选择器,该选择器选取父元素的第 N 个指定类型的子元素,从最后一个子元素开始计数。
nth-child(-n+n)nth-child(-n+n):选择第 n 个之前的元素(此处的 n 是后面的那个,下同)。 举例:前三行背景色设置为绿色,代码如下: 代码语言:javascript 复制 li:nth-child(-n+3){background:#2cae1d;} nth-child(n+n)nth-child(n+n):选择第 n 个之后的元素。
使用CSS选择器:nth-child()，能轻松修改特定子元素的样式。该选择器不考虑子元素的类型，直接选取父元素的第N个子元素。要修改父元素的前三个子元素的样式？简单，使用:nth-child(1n)即可。若需选择列表中的偶数标签，可以使用:nth-child(2n)；而要选择奇数标签，则是:nth-child(2n-1)。若需从第...
首先，选择器有几种基本形式，包括选择第一项、第N项和最后一项。使用:first-child可选取列表中的第一个元素，例如：first-child。通过:nth-child(n)可选取列表中的第n个元素，其中n是具体的数字。例如：nth-child(2)选取第二项。利用:last-child可选取列表的最后一个元素，例如：last-child。接...
:nth-child(-n+3){margin-top:12px;} 扩展 选择前几个元素 负方向范围】选择第1个到第6个 :nth-child(-n+6){} 从第几个开始选择 【正方向范围】选择从第6个开始的 :nth-child(n+6){} 两者结合使用,可以限制选择某一个范围 【限制范围】选择第6个到第9个,取两者的交集【感谢小伙伴的纠正~】 ...
nth-child(-n+n):选择第N个数之后的项（此处第二个N表示的是具体的数字）。nth-last-child(n) ...