SCSS代码在HTML文件的live server中无法生效，求解决方案

SCSS样式不生效排查结果 #

1 显性语法错误（核心原因） #

你提供的SCSS代码中body选择器拼写错误：

// 错误写法 缺少首字母b，匹配不到页面的body元素
ody {
  background: #d81c1c;
  margin: 0;
  font-family: "Poppins";
}

修改为正确的选择器即可：

body {
  background: #d81c1c;
  margin: 0;
  font-family: "Poppins";
}

2 其他可能的问题排查项 #

• 确认SCSS已完成编译：浏览器无法直接识别SCSS代码，需要使用SASS编译工具将SCSS代码编译为纯CSS代码，且编译后的CSS文件路径与HTML中link标签的href属性css/main.css完全匹配
• 确认编译逻辑正常：修改SCSS代码后需要重新执行编译操作，才会同步更新CSS文件内容
• 强制刷新页面：可按Ctrl+F5（Windows）或Command+Shift+R（Mac）跳过浏览器缓存加载最新样式文件

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