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 个之后的元素。 举例:第五行及以后背景色设置为...
一、偶数: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-child() 选择器 :nth-last-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):nth-child(-n+9) :nth-last-chil...
last-child last-child：选择列表中的最后一个标签。还有就是偶数选择：nth-child(even) nth-chi...
首先，选择器有几种基本形式，包括选择第一项、第N项和最后一项。使用:first-child可选取列表中的第一个元素，例如：first-child。通过:nth-child(n)可选取列表中的第n个元素，其中n是具体的数字。例如：nth-child(2)选取第二项。利用:last-child可选取列表的最后一个元素，例如：last-child。接...
1.选择前几个元素 【负方向范围】选择第1个到第6个 :nth-child(-n+6) 2.从第几个开始选择 【正方向范围】选择从第6个开始的,直到最后 :nth-child(n+6) 3.两者结合使用,可以限制选择某一个范围 【限制范围】选择第6个到第9个,取两者的交集 ...
若需从第6个开始选择，直至最后一个子元素，使用:nth-child(n+6)即可。如需选择第1个到第6个子元素，使用:nth-child(-n+6)即可实现。更进一步，结合使用可以指定范围，例如选择第6个到第9个子元素，通过:nth-child(n+6):nth-child(-n+9)即可。如果需要选择属于其元素的第N个子元素，不论...
:nth-child(-n+3){ margin-top: 12px; } 2.选择前几个元素 /*【负方向范围】选择第1个到第6个 */ :nth-child(-n+6){} 3.从第几个开始选择 /*【正方向范围】选择从第6个开始的 */ :nth-child(n+6){} 4.两者结合使用,可以限制选择某一个范围 ...
p:nth-child(2){ background:#ff0000; } 只选择第五个元素 li:nth-child(5){ color: green; } 要选择第一个元素,你可以使用:first-child,或者我相信你也可以改下上面的例子来实现。 选择除了前面的五个之外的所有元素 如果有超过10个元素,它将会选中超过5个。
/* 选择前8个元素 */ .box:nth-child(-n+8){} /* 选择第2个元素到第5个元素 */ .box:nth-child(-n+2):nth-child(n+5){}