css 中的分号缺失导致语法错误：正确书写规则详解
在 CSS 中，每条样式声明（property: value）末尾必须以英文分号 ; 结束，这是 CSS 规范的硬性要求。你遇到的 css-semicolonexpected 错误，正是由于 .headerContainer 规则中 width: 40% 和 margin: auto 后均缺少分号所致。
✅ 正确写法如下（注意分号位置）：
.headerContainer {
background-color: red;
width: 40%; /* ← 分号不可省略 */
margin: auto; /* ← 分号不可省略 */
}⚠️ 常见误区提醒：
- 分号必须是英文半角符号（;），中文分号（；）会导致同样报错；
- 最后一条声明后的分号虽在部分浏览器中可被容忍，但强烈建议始终保留——它提升代码健壮性、避免合并样式时出错，也符合 Prettier 等格式化工具默认规则；
- VS Code 的 CSS 语言支持（内置或通过扩展如 CSS Peek、Auto Rename Tag）会实时校验语法，因此它是你的“语法守门员”，而非问题源头。
? 小技巧：启用 VS Code 自动补全与格式化
立即学习“前端免费学习笔记（深入）”；
- 保存文件时自动修复：在设置中开启 Editor: Format On Save；
- 安装官方扩展 CSS Language Features（已默认启用）确保高亮与提示准确；
- 使用快捷键 Shift + Alt + F（Windows/Linux）或 Shift + Option + F（macOS）一键格式化，VS Code 会自动补全缺失分号（需配置好 CSS 格式化器，如内置 vscode.css-language-features）。
总结：这不是 VS Code 的限制，而是 CSS 语言本身的语法规则。养成“写完属性立刻加 ;”的习惯，配合编辑器智能提示，即可零成本规避此类错误，让学习之路更顺畅。
