【CSS】当大于第几个DOM的样式设计
.rows {&:nth-child(6)~.rows {
width: 25%;
}
这儿的意思是.rows第6个以后的.rows的宽度为25%。
p~ul 选择p元素之后的每一个ul元素
CSS 选择器:CSS 选择器 | 菜鸟教程 (runoob.com)
:nth-child(n)的详细用法:
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个标签
页:
[1]