`@each` loop in Sass to declare dynamic id?

css, sass

Solution

in netbeans ##{$message_color} error but is correct in sass an scss

Problem

I have the following Sass code: ``` @each $message_color in red, blue, black { .#{$message_color}-font-color{ color: $message_color; } } ``` and the result is ``` /* 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; } ``` My question now, how can I create this result ``` /* 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; } ``` I need generate an `# selector` not `class selector`...

Original source