nth-child使用scss变量
时间: 2023-11-21 09:49:41 浏览: 280
使用css属性:nth-child(n)匹配选择第n个子元素
在Sass中,可以使用变量作为:nth-child选择器的参数。您可以在循环中使用变量来生成对应的子元素选择器。例如,假设您有一个变量$size,您可以这样使用nth-child选择器:
@for $i from 1 through 5 {
&:nth-child(#{$i}) {
width: $size;
}
}
这将生成类似于:nth-child(1)、:nth-child(2)、:nth-child(3)等的子元素选择器,并将$size变量应用到它们的宽度属性上。
阅读全文