logo标签列表

在Sass中使用`@each`循环声明动态id？

csssass
4
我有以下的Sass代码：
@each $message_color in red, blue, black {
    .#{$message_color}-font-color{
        color: $message_color;
    }
}

结果如下：

并且结果是

/* line 2, ../sass/styles.scss */ 
.red-font-color { color: red; }

/* line 2, ../sass/styles.scss */ 
.blue-font-color { color: blue; }

/* line 2, ../sass/styles.scss */ 
.black-font-color { color: black; }

我的问题是，我如何创建这个结果。
/* line 2, ../sass/styles.scss */
#red-font-color { color: red; }

/* line 2, ../sass/styles.scss */
#blue-font-color { color: blue; }

/* line 2, ../sass/styles.scss */
#black-font-color { color: black; }

我需要生成一个#选择器而不是类选择器...

1
+1 我也非常感兴趣这个问题，已经思考了一个星期左右了。 - technoY2K
1
请注意，使用ID是一种不好的做法，尤其是当它与布局等主要元素无关时。 - LeBen
MR LeBen，非常感谢您提供的有用信息，您的讲话真实而且有帮助...就我个人而言，我更喜欢使用类选择器而不是ID，因为它是可重用的，我们可以更好地处理脚本...感谢您的知识...我会订阅您的 ^_^.. - Anees Hikmat Abu Hmiad
1个回答
6
在NetBeans中，出现了错误，但在Sass和Scss中是正确的。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接