css - 如何用nth-child选择 li小于等于19个时的前八个?
本文介绍了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屋!
查看全文