Question

虽然我想在我的rails应用程序中将背景颜色应用于body，但它不起作用。

application.css

body {
  background-color: red;
}

application.html.erb

<!DOCTYPE html>
<html>
<head>
  ...
</head>
<body>
  <%= render 'layouts/header' %>
  ...

如果你能给我任何建议，我将不胜感激，尽管这是一个显而易见的问题。

解决

我在application.css中更改了require的顺序。

前

 *= require_tree .
 *= require_self
...
 *= require bootstrap
 *= require bootstrap-datetimepicker

后

 *= require bootstrap
 *= require bootstrap-datetimepicker
...
 *= require_tree .
 *= require_self

Answer 1

我认为您的问题是CSS加载不正确。确保你的CSS正在加载。右键单击chrome中的页面，然后转到“element inspect”。然后在右侧菜单中，您可以检查您的CSS是否已加载，这可能不会。有关检查员的更多信息，请点击此处：https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/?hl=en

接下来，在您的application.css中，您应该能够找到rails加载css文件的结构和顺序。寻找这样的东西，并确保首先提到“重置”，在底部的某处提到你的自定义。

    *= require reset
    *= require flexboxgrid
    ...
    *= require custom

最后加载自定义css文件（在application.css文件的底部），您可以添加custom.css文件：

   body {
      background: red;
    }

Answer 2

你可以试试这个：

body {
  background: red;
}

这对你有用。

使用背景而不是背景颜色。另外，对于最佳实践，请尝试以scss格式而不是css

写下样式

Rails：如何将背景颜色应用于身体

2 个答案: