轨道:如何将背景色应用于正文



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

应用.css

body {
  background-color: red;
}

应用程序.html.erb

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

如果您能给我任何建议,我们将不胜感激,尽管这是一个明显的问题。

解决

我更改了应用程序中require的顺序.css。

以前

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

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

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

接下来,在您的应用程序中.css您应该能够找到 rails 加载 css 文件的结构和顺序。寻找类似的东西,并确保首先提到"重置",并在底部的某个地方提及您的自定义。

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

自定义 css 文件最后加载后(在应用程序.css文件的底部),您可以在自定义.css文件中添加:

   body {
      background: red;
    }

你可以试试这个:

body {
  background: red;
}

这是为你工作。

使用背景而不是背景颜色。同样对于最佳实践,请尝试以 scss 格式而不是 css 写下样式

最新更新