css - 覆盖 Rails SASS Bootstrap CSS

Question

我正在使用 rails 4.1.8、sass-rails 4.0.3 和 bootstrap-sass 3.3.3，我很难覆盖一些 css。

我的 application.css.sass 文件是这样的

/*
 * 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 bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require_tree .
 *= require_self
 */


@import "bootstrap-sprockets"
@import "bootstrap"

我有另一个名为 header.css.scss 的文件，我正在尝试为 header 标签指定一个字体大小，它不会改变。但是，当我测试时，其他 3 个属性会正确更改。

header{
  background: #0099da;
  color: #ffffff;
  font-size: 2em;
  height:100px;
}

当我尝试更改图例标签时，同样的事情发生了。

Answer 1

您需要导入 header.css.scss after bootstrap。