1

我正在尝试将正文背景颜色更改为自定义颜色。通常我已将自定义 css 写入 bootstrap_and_override.css 文件，该文件有效，但使用 body 标签则无效。这里的一些人建议查找并覆盖标准的正文 css 设置，但 sublime-text 就像我一样，无法在项目的任何地方找到相应的行。

也许我正在处理身体标签错误？我写过：

  body {
    background-color: #F8F8F8;
  }

因为body标签似乎没有任何可以处理它的自定义类。在 chrome web 检查器中，我可以看到这一点，所以我的代码似乎被注意到了，但后来被覆盖了。但我就是找不到发生这种情况的地方。

铬分析图片

划掉的背景颜色是正确的，而不是#FFF。

我希望有人知道这个问题的答案，不会这么难吧？非常感谢！

更新： 这是 application.css 的内容

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
 */

更新 2： 这里是样式表文件夹的内容：
application.css
bootstrap_and_overrides.css
bootstrap_and_overrides.css.less
...其余是站点特定文件，以 .css.scss 结尾

4

2 回答 2

2

你可以使用!important. 我会谨慎行事，因为这不是最佳做法。使用 has it's place 强制覆盖，!important仅在必要时使用。

body {
    background-color: #F8F8F8 !important;
  }

我个人使用的一个例子!important是调试和覆盖由 javascript 生成的内联 CSS 设置的规则，如果我没有编辑 javascript/plugin 的权限。

于 2013-07-28T09:33:44.150 回答
0

您必须在引导 css 中修改“body”样式。默认值为#fff（白色）。请注意，因为有 2 种“正文”样式，顶部的一种仅用于边距，中间的一种用于背景颜色、字体等。

于 2014-06-17T17:00:40.043 回答