Sass变量插值

什么是变量插值

• 如果是属性的取值可以直接使用变量
• 但是如果是属性名称或者选择器名称并不能直接使用变量
• 必须使用变量插值的格式

SASS 中的变量插值

SASS 中的变量插值和 LESS 中也一样，只不过格式不一样

• LESS 变量插值格式：@{变量名称}
• SASS 变量插值格式：#{$变量名称}

$size: 200px;
$w: width;
$s: div;

#{$s} {
  #{$w}: $size;
  height: $size;
  background: red;
}