我可以为选择器使用变量吗？ [英] Can I use variables for selectors?

问题描述

我有这个变数：

$gutter: 10;

我想在像SCSS这样的选择器中使用它：

I want to use it in a selector like so SCSS:

.grid+$gutter {
    background: red;
}

，所以输出变成CSS：

so the output becomes CSS:

.grid10 {
    background: red;
}

但这不起作用。是否可能？

But this doesn't work. Is it possible?

推荐答案

$gutter: 10;

.grid#{$gutter} {
    background: red;
}

如果在字符串中使用，例如在url中：

If used in a string for example in a url:

background: url('/ui/all/fonts/#{$filename}.woff')

这篇关于我可以为选择器使用变量吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！