问循环变量的SCSS不起作用
EN

Stack Overflow用户

提问于 2018-07-30 01:27:21

回答 1查看 1.6K关注 0票数 3

我尝试用SCSS和一个循环来改变nth-of-type元素的不透明度。我已经测试了手动设置.slick-slide:nth-of-type(2)，当我从@for循环中尝试它时，它确实可以工作，它不会接受变量$i。我在这里做错了什么，似乎一切都应该是正确的。

@for $i from 1 through 4 {
    .slick-slide:nth-of-type($i) {
        opacity: 100 / $i;
    }
}

回答已采纳

发布于 2018-07-30 02:26:33

当您在SCSS的选择器中使用变量时，您需要使用interpolation syntax并像这样包装它。那么您的示例将是：

@for $i from 1 through 4 {
    .slick-slide:nth-of-type(#{$i}) {
        opacity: 100 / $i;
    }
}

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51582819

复制

相似问题

问循环变量的SCSS不起作用EN