css - 我可以为选择器使用变量吗?

标签 css variables sass css-selectors

我有这个变量:

$gutter: 10;

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

.grid+$gutter {
    background: red;
}

所以输出变成了 CSS:

.grid10 {
    background: red;
}

但这行不通。可能吗?

最佳答案

$gutter: 10;

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

如果在字符串中使用,例如在 url 中:

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

关于css - 我可以为选择器使用变量吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12743837/

相关文章:

html - css 中的“[隐藏]”选择器

css - 使此布局正常工作的正确方法是什么?

c++ - 在GDB中查找变量变化

sass - 运行 grunt 时出错

css - 带有css3渐变的旭日效果

javascript - 如何隐藏第一个表中的第一个元素?

javascript - PdfMake 显示带样式的动态数据

swift - 如何在 View Controller 之间传递变量而不需要快速的segue

python - 在函数中定义变量范围

css - 在 Vue CLI 中,我如何使用 sass 而不是 node-sass(s​​ass-loader 的默认值)?