css - 如何用nth-child选择 li小于等于19个时的前八个？

问题描述

问 题

html结构如下

这个是我的代码

如图，当选用注释里的代码是可以达到效果，但是换成公式后就不行了。求指点迷津。
然后当li大于20个是全部为青色怎么弄？

解决方案

-.-已经找到解决办法了。

li:first-child:nth-last-child(n+9):nth-last-child(-n+19),
        li:first-child:nth-last-child(n+9):nth-last-child(-n+19)~li{
            color: blue;
        }

        

        
        li:first-child:nth-last-child(n+20),
        li:first-child:nth-last-child(n+20)~li {
            color: lightyellow;
        }

这篇关于css - 如何用nth-child选择 li小于等于19个时的前八个？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！