【CSS】当大于第几个DOM的样式设计

admin

.rows {
&:nth-child(6)~.rows {
width: 25%;
}
这儿的意思是.rows第6个以后的.rows的宽度为25%。
p~ul        选择p元素之后的每一个ul元素

CSS 选择器：CSS 选择器 | 菜鸟教程 (runoob.com)

admin

nth-child(3) 表示选择列表中的第三个元素。
nth-child(2n)表示列表中的偶数标签，即选择第2、第4、第6……标签
nth-child(2n-1) 表示选择列表中的奇数标签，即选择 第1、第3、第5、第7……标签
nth-child(n+3) 表示选择列表中的标签从第3个开始到最后（>=3）
nth-child(-n+3) 表示选择列表中的标签从0到3，即小于3的标签(<=3)
nth-last-child(3) 表示选择列表中的倒数第3个标签