“nth-last-child的玩法”
这东西挺有意思的,之前看过一遍文章,选择第三个到第十个可以这样玩
li:nth-child(n + 3):nth-child(-n+10)
今天一个群里有这样一个问题,3个li以下的时候li为红色,3个及其以上的时候li为蓝色,怎么玩?
ul>li {
background: pink;
}
ul li:nth-last-child(-n + 3):first-child,
ul li:nth-last-child(-n + 3):first-child~li {
background: yellow;
color: #fff;
}
挺有意思的,自动匹配既是第一个也是最后一个,纯css搞定,哈哈。