SCSS中的插值语法

3 阅读1分钟

SCSS中的插值语法

使用#{}将变量插入选择器、属性名或字符串中。

scss代码

$side:left;
.border-#{$side}{
    border-#{$side}:1px solid black;
}

css代码

.border-left{
    border-left:1px solid black;
}