虽然我想在我的 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 写下样式