<style lang="scss"> // (推荐写在全局样式中) html.dark { background-color: #333; } </style>标错

这段 SCSS 代码是设置了一个条件式样式规则，它用于在一个“dark”主题下更改 HTML 的背景颜色。在 CSS 中，`html.dark` 这样的选择器表示当文档的 `html` 元素处于 "dark" 类别时应用相应的样式。在这个例子中，如果页面有 `.dark` 类，那么背景色就会变为深灰色 (#333)。

然而，这个片段本身并没有语法错误。但如果要在实际项目中使用，你需要确保有一个地方将这个 SCSS 规则编译成 CSS 并应用到 HTML 上。通常这会在一个 CSS 文件中，通过预处理器如 Sass、Less 或直接在HTML文件中引用外部 CSS 文件中包含。

例如，如果你的 SCSS 文件结构如下：

styles.scss
├── _variables.scss
└── _global.scss
   ├── main.scss // 主入口文件，会包含 html.dark 这样通用的样式
   └── dark.scss // 如果有特定于 dark 主题的样式，可能会在这里

dark.scss:
@import 'styles.scss';
html.dark {
  @include global-dark-theme();
}

main.scss:
// 导入 dark.scss 或者直接编写全局样式
@import 'dark.scss';

// 全局样式文件中声明 html.dark 的背景颜色等
$dark-bg: #333;
html.dark {
  background-color: $dark-bg;
}

然后，你可以使用工具如 Node-sass、Webpack 或其他构建工具编译 `_global.scss` 到最终的 CSS 文件。