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))
    }

10-05 20:58
查看更多