此@mixin
会迭代所有第n个孩子,直到nth-child(4)
。
@mixin transition {
@for $i from 1 through 4 {
&:nth-child(#{$i}) {
transition: all .2s #{$i * .1}s ease-in;
}
}
}
我一直在研究,找不到动态元素的解决方案。我需要nth-child(4)
作为孩子的身长。
理论上是这样的:
@for $i from 1 through LENGTHOFCHILDREN
scss是否可能?