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 个之后的元素。 举例:第五行及以后背景色设置为...
ul.list li:nth-child(-n+3){background:#000;} 这是选择前三个的方法. 选择从第四个开始到最后 代码语言:javascript 复制 ul.list li:nth-child(n+4){background:#000;} 选择第四个到第八个 代码语言:javascript 复制 ul.list li:nth-child(n+4):nth-child(-n+8){background:#000;} 这里,其...
:nth-child(-n+3){ margin-top: 12px; } 2.选择前几个元素 /*【负方向范围】选择第1个到第6个 */ :nth-child(-n+6){} 3.从第几个开始选择 /*【正方向范围】选择从第6个开始的 */ :nth-child(n+6){} 4.两者结合使用,可以限制选择某一个范围 /*【限制范围】选择第6个到第9个,取两者的...
一、选择列表中的偶数标签: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+3){margin-top:12px;} 扩展 选择前几个元素 负方向范围】选择第1个到第6个 :nth-child(-n+6){} 从第几个开始选择 【正方向范围】选择从第6个开始的 :nth-child(n+6){} 两者结合使用,可以限制选择某一个范围 【限制范围】选择第6个到第9个,取两者的交集【感谢小伙伴的纠正~】 ...
一、选择列表中的偶数标签 :nth-child(2n) 二、选择列表中的奇数标签 :nth-child(2n-1) 三、选择从第6个开始的,直到最后:nth-child(n+6) 四、选择第1个到第6个 :nth-child(-n+6) 一、两者结合使用,可以限制选择某一个范围,选择第6个
这是选择前三个的方法. 选择从第四个開始到最后 ul.listli:nth-child(n+4){background:#000;} 选择第四个到第八个 ul.listli:nth-child(n+4):nth-child(-n+8){background:#000;} 这里,事实上就是把前面两种方法给集成了一下. 选择奇数行 ...
#WEB前端# #CSS3# 可以使用 nth-child 和 -n 选择列表中的前几个元素。 比如下面的代码使用的是 nth-child(-n+3) , 选择的是前三个元素。 li { display: none; } /* 选择列表中的第 1 到第 3...
:nth-child(2n-1) /*选择前几个元素 */ /*【负方向范围】选择第1个到第6个 */ :nth-child(-n+6){} /*从第几个开始选择*/ /*【正方向范围】选择从第6个开始的,直到最后 */ :nth-child(n+6){} /*两者结合使用,可以限制选择某一个范围 */ ...
1.选择前几个元素 【负方向范围】选择第1个到第6个 :nth-child(-n+6) 2.从第几个开始选择 【正方向范围】选择从第6个开始的,直到最后 :nth-child(n+6) 3.两者结合使用,可以限制选择某一个范围 【限制范围】选择第6个到第9个,取两者的交集 ...