b.scss需要绑定一个变量名，用于js方法中。 （变量名可以任意取，默认值不能是字符串）

//用var来盛放--test变量名，默认值为red，用于js做动态修改
$bgColor: var(--test, red); 
test.js
 
document.getElementsByTagName('body')[0].style.setProperty('--test', 'yellow');
@import
Sass @import跟原生css的@import类似，都是导入其他文件。如果Sass import的以下类型，Sass编译器就直接转换成原生，而不导入Sass文件。
@import "foo.css";
@import "foo" screen;
1. 继承（ @extend ）
@extend 指令告诉 Sass 一个选择器的样式从另一选择器继承。
如果一个样式与另外一个样式几乎相同，只有少量的区别，则使用 @extend 就显得很有用。
<style lang="scss">
.contanier1{
  font-size: 24px;
  font-weight: bold;
  color: green;
.contani