https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables
例如:css预处理器,如手写笔:
// want to use this css variable
:root {
--i-menu-count: 5
}
$item-count = 5
for $i in (1..$item-count) {
.menu:nth-child({$i}) .menu-title {
transform: rotate(-180deg / ($item-count - 1) * ($i - 1))
}
}
可以在迭代中使用CSS变量
--i-menu-count
替换$item-count
吗? 最佳答案
我不确定,但是-
是运算符,如果您的var名称以--
手写笔解析器抛出错误表示
我建议您在触控笔中声明计数
喜欢
item-count = 5
for i in (1..item-count)
.menu:nth-child({i}) .menu-title {
transform: rotate(-180deg / (item-count - 1) * (i - 1))
}