li:nth-child(n+4){color:pink} 7. 选择从第一个到第四个 这里的数字4也是可以根据你的需要替换的。 li:nth-child(-n+4){color:pink} 8.nth-last-child(3) 表示最后三个标签 li:nth-last-child(3){color:pink} 9.nth-last-child(3n) 表示3的倍数3.6.9…… li:nth-last-child(3n){color:pin...
nth-child() 无法选中问题 nth-child()为div选择器,无法对其他标签类型起效, 当需要选择时使用nth-of-type() 在父容器div下的各子元素,如果是混合类型的情况下,要指定其中某一类元素的第几个,那就要用nth-of-type(n) 要指定第1个span就要用span:nth-of-type(1),如果用span:nth-child(1)是得不到任何元...
使用 nth-child(n+4):nth-child(-n+8) 我们可以选中某一范围内子元素,上面的例子里是从第4个到第8个子元素 奇数、偶数位 :nth-child(odd) :nth-child(even) 隔选择子元素 :nth-child(3n+1), 选择1,4,7,10 范围高级用法 nth-child(n+2):nth-child(odd):nth-child(-n+9) 使用nth-child(n+...
p:nth-child(n) --->选中p元素，且该p元素必须是某个⽗元素下的第n个⼦元素 注意：n是从1开始的 如下代码，p:nth-child(1)，只会选中第⼆个div中第⼀个⼦元素p;不会选中第⼀个div中的第⼀个p，因为第⼀个div中第⼀p元素不是第⼀个⼦元素 p:nth-child(1){ color:red } ...
如下代码,p:nth-child(1),只会选中第二个div中第一个子元素p; 不会选中第一个div中的第一个p,因为第一个div中第一p元素不是第一个子元素 p:nth-child(1){ color:red } div span中第一个段落。 div 中第一个段落。 div 中的最后一个段落。 另一个 div 中...
选中从第6个开始的子元素 li:nth-child(n+6) 2. 负方向范围 选中从第1个到第9个子元素。使用 :nth-child(-n+9) ,就相当让你选中第9个和其之前的所有子元素 :nth-child(-n+9) 3. 前后限制范围 选中第4-8个子元素。使用 nth-child(n+4):nth-child(-n+8) 我们可以选中某一范围内子元素 ...
一、选择列表中的偶数标签 :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选择器。但是无法选中我要的部分。烦请各位帮忙解惑,谢谢。如下是我想要定位的li列表,包裹在class="summary"的div里面。
li:nth-child(-n+9) { background: #ff0000; border-bottom: 1px; } 7、前后限制范围,选择第6个到第9个 li:nth-child(n+6):nth-child(-n+9) { background: #ff0000; border-bottom: 1px; } ... 8、范围高级用法:选中的子元素是从第2位到第9位,并且只包含奇数位。 li: ...
nth-child() dom.nth-child(n) 表示选中dom的父级元素中的第n个dom元素,若匹配,则选中,否则,不选中。 上面例子可以看出: p:nth-child(1) :拿出p元素的父级元素div中的第一个子元素,对比是p元素,选中。 p:nth-child(2) :拿出p元素的父级元素div中的第二个子元素,对比是p元素,不是p元素,是span,则...