/* 选择第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(-n+3){ margin-top: 12px; } 2.选择前几个元素 /*【负方向范围】选择第1个到第6个 */ :nth-child(-n+6){} 3.从第几个开始选择 /*【正方向范围】选择从第6个开始的 */ :nth-child(n+6){} 4.两者结合使用,可以限制选择某一个范围 /*【限制范围】选择第6个到第9个,取两者的...
一、两者结合使用,可以限制选择某一个范围,选择第6个到第9个 :nth-child(n+6):nth-child(-n+9)
选择前几个元素 负方向范围】选择第1个到第6个 :nth-child(-n+6){} 从第几个开始选择 【正方向范围】选择从第6个开始的 :nth-child(n+6){} 两者结合使用,可以限制选择某一个范围 【限制范围】选择第6个到第9个,取两者的交集【感谢小伙伴的纠正~】 :nth-child(-n+9):nth-child(n+6){}...
first-child表示选择列表中的第一个标签。代码如下: li:first-child{background:#fff} last-child用法: 1、last-child last-child表示选择列表中的最后一个标签,代码如下: li:last-child{background:#fff} :nth-child(2)选取第几个标签,“2可以是你想要的数字” ...
选择前几个元素 /*【负方向范围】选择第1个到第6个 */:nth-child(-n+6){} 从第几个开始选择 /*【正方向范围】选择从第6个开始的 */:nth-child(n+6){} /*【限制范围】选择第6个到第9个,/:nth-child(-n+9):nth-child(n+6){}
CSS3 nth-child()选择前几个元素 一、选择列表中的偶数标签 :nth-child(2n) 二、选择列表中的奇数标签 :nth-child(2n-1) 三、选择从第6个开始的,直到最后:nth-child(n+6) 四、选择第1个到第6个 :nth-child(-n+6) 一、两者结合使用,可以限制选择某一个范围,选择第6个到第9个 :nth-child(n+6)...
/* 选择前8个元素 */ .box:nth-child(-n+8){} /* 选择第2个元素到第5个元素 */ .box:nth-child(-n+2):nth-child(n+5){}