CSS清零样式转写SCSS时VS Code报错的正确写法咨询

• 当前编辑文件为.scss后缀时，SCSS作为CSS的超集语法，强制要求选择器后必须使用大括号{}包裹样式声明块。你使用的省略大括号、仅靠缩进标识样式归属的写法，是.sass后缀对应的缩进式Sass专属语法，在SCSS文件中会直接触发语法错误。
• VS Code抛出的{expected scss(css-lcurlyexpected)}报错中文翻译为：语法校验失败，期望输入左大括号{。

SCSS完全兼容原生CSS语法，直接写标准大括号格式即可：

* {
  padding: 0;
  // 其余清零规则可直接在声明块内补充，例如
  margin: 0;
  box-sizing: border-box;
}

如果需要嵌套关联选择器，直接在大括号内嵌套即可，例如给所有元素和伪元素统一盒模型：

* {
  padding: 0;
  margin: 0;
  &,
  &::before,
  &::after {
    box-sizing: border-box;
  }
}

如果你偏好省略大括号、无需写分号的缩进式写法，可以把文件后缀从.scss改为.sass，切换到缩进式Sass语法模式，你最初写的代码在.sass文件中可正常解析：

*
  padding: 0

内容的提问来源于stack exchange，提问作者Egor_Shiryaev