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...
【活跃】Davin 嗯 兄弟元素有不一样的不对了 【吐槽】鬼-CSSForest 也就是说(an+b)是直接取元素,而跟伪类前的element无关 嗯嗯 【吐槽】Aoteman-大白 本来就没关系呀 nth-child 不会在乎前面是什么标签 【吐槽】鬼-CSSForest 很容易误解啊,p:nth-child(-n+3) 不会理解成前三个p吗? 反正我是误解了 ...
.site-header:has(li:nth-last-child(n +4)).site-header__wrapper> * {flex: initial; }.site-header:has(li:nth-last-child(n +4)).site-header__start{order:2; }.site-header:has(li:nth-last-child(n +4)).site-header__middle{order: -1;text-align: start; }.site-header:has(li:n...
三、选择从第6个开始的,直到最后:nth-child(n+6) 四、选择第1个到第6个 :nth-child(-n+6) 一、两者结合使用,可以限制选择某一个范围,选择第6个到第9个 :nth-child(n+6):nth-child(-n+9)
这是选择前三个的方法. 选择从第四个开始到最后 代码语言:javascript 复制 ul.list li:nth-child(n+4){background:#000;} 选择第四个到第八个 代码语言:javascript 复制 ul.list li:nth-child(n+4):nth-child(-n+8){background:#000;}
第一个.box h1:nth-child(1)选择的第一个元素,并且是h1,而子元素中第一个元素正是h1,所以会被选中,背景色变红 第二个.box span:nth-child(1)选择的第一个元素,并且是span,而子元素中第一个元素是h1,所以不会被选中 第三个.box span:nth-child(2)选择的第二个元素,并且是span,而子元素中第二个元...
li:nth-last-child(n + 3) { /* styles */ } 1. 2. 3. 从末端选择前三项,从第三项开始计算。 让我们仔细看看。首先,我们需要从末端计算三个项。这样一来,第三项实际上就是我们从末端开始计算的第一项。 图片 我们从第三项算起直到最后,这里是被选中的项: ...
li:nth-child(2n+1){color: red;}选中哪些行。中国 | 《沪杭车中》-徐志摩日本 | 《初恋》-岛崎藤村中国 | 《只要彼此爱过一次》-汪国真
1、:nth-child(n) →第n个儿子 选中某个元素所有儿子中的老几。关注的是所有儿子中的整体排名(所要的儿子排在第几个) 比如:p:nth-child(1) 先找p的父元素,然后找父元素第 1 个子元素,要是第 1 个子元素是 p , 则所设置样式生效,反之所设置样式不生效。 总之使用:nth-child(n)的三部曲为: **先...
li:nth-child(2n) { background: #ff0000; border-bottom: 1px; } ... 4、公式:隔选择子元素,选择1,4,7,10 li:nth-child(3n+1) { background: #ff0000; border-bottom: 1px; } 5、正方向范围,选中从第6个开始的子元素 li:nth-child(n+6) { back...