css - 在哪里定义身体样式

Question

我遇到了这个问题，我似乎无法在我的 Neat Bourbon 网站中覆盖 body 元素的背景颜色。

我在 _layout.scss 文件中定义了这样的背景颜色：

body {
background: lighten($brokenwhite, 5);
}

但是当我在 Chrome Devtools 中检查元素时，body 元素的背景颜色仍然定义为“白色”。

那么在哪里可以定义body元素的背景颜色呢？

我的源代码库可在此处获得。

Answer 1

我猜$brokenwhite颜色太亮white了，因此 SASS 编译器返回结果。

例如：

$brokenwhite: #eee;

body {
  background: lighten($brokenwhite, 10);
}

结果将是：

body {
  background: white;
}

您可以使用SassMeister在线工具来编译上述示例。

Answer 2

我认为您的 SASS 只是没有编译，请尝试将其更改为此。

body {
background: lighten($brokenwhite, 5%);
}

刚刚在 5 之后添加了“%”。还要确保 $brokenwhite 是一个已定义的变量。

也许保存这个 _layout.scss 正在导入的任何 sass 文件以防万一（尽管它应该自动执行此操作）

希望这可以帮助。