一、选择列表中的偶数标签 :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个,取两者的...
/* 选择第n个,n位数字 */ :nth-child(n) 选择列表中的偶数标签 :nth-child(2n) 选择列表中的奇数标签 :nth-child(2n-1) 选择前几个元素 /*【负方向范围】选择第1个到第6个 */ :nth-child(-n+6){} 从第几个开始选择 /*【正方向范围】选择从第6个开始的,直到最后 */ :nth-child(n+6){}...
选择前几个元素 负方向范围】选择第1个到第6个 :nth-child(-n+6){} 从第几个开始选择 【正方向范围】选择从第6个开始的 :nth-child(n+6){} 两者结合使用,可以限制选择某一个范围 【限制范围】选择第6个到第9个,取两者的交集【感谢小伙伴的纠正~】 :nth-child(-n+9):nth-child(n+6){}...
选择第N个LI 代码语言:javascript 复制 ul.list li:nth-child(3){background:#000;} 如上面的CSS所示,如果要选择第三个,就写3即可. 这是最简单的.我们可以使用这种方法,给不同的li加上不同的样式,如果你有需要,都可以分别订制的. 如果是第一个,或者最后一个,写法还可以更改为 ...
#WEB前端# #CSS3# 可以使用 nth-child 和 -n 选择列表中的前几个元素。 比如下面的代码使用的是 nth-child(-n+3) , 选择的是前三个元素。 li { display: none; } /* 选择列表中的第 1 到第 3...
p:nth-child(-n+3) 选择的是 p 的父元素的前三个元素里面是 p 的元素 body p:nth-child(-n+3) 的效果跟 p:nth-child(-n+3) 一样 (即:加不加父元素效果一样) 没有限定条件p的话,选择的是父元素的前三个元素 p:nth-child(-n+3) 选择的是 p 的父元素的前三个 p 元素 ...
1、nth-child(3) 表示选择列表中的第3个标签,代码如下: li:nth-child(3){background:#fff} 2、nth-child(2n) 表示选择列表中的偶数标签,即选择 第2、第4、第6…… 标签,代码如下: li:nth-child(2n){background:#fff} 3、nth-child(2n-1) ...
在大数据量的前提下，会出现列很多的情况，浏览器会呈现出滚动条，但是用户需要看到的并不一定是所有的...
1、:nth-child(x); 选择第x的元素 2、:nth-child(x*n) x的n倍元素 3、:nth-child(n+x); 选择 =>x 的元素 4、:nth-child(-n+x) 选择 =< x 的元素 5、:nth-child(n*x+1); n*x-1 隔开n*x选取一个 6、nth-child(odd)/nth-child(even) 奇数偶数 ...