admin 发表于 2022-3-25 15:43:55

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

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

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

admin 发表于 2022-9-15 09:05:53

: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]
查看完整版本: 【CSS】当大于第几个DOM的样式设计