如何停止罗盘覆盖我的CSS

Question

我在@import "compass";文件

中导入application.css.scss后

我在app/views/layouts/application.html.haml

中添加了自己的CSS

我的GO Button样式已更改，如何以更简单的方式修复它？

我使用Rails 4.0.2

我怎样才能重构我的app/views/layouts/application.html.haml

  1 !!!
  2 %html
  3   %head
  4     %title GooodTheme
  5     = stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true
  6     = javascript_include_tag "application", "data-turbolinks-track" => true
  7     / Description, Keywords and Author
  8     %meta{content: "Your description", name: "description"}/
  9     %meta{content: "Your,Keywords", name: "keywords"}/
 10     %meta{content: "ResponsiveWebInc", name: "author"}/
 11     %meta{content: "width=device-width, initial-scale=1.0", name: "viewport"}/
 12     / Styles
 13     / Bootstrap CSS
 14     %link{href:  asset_path("css/bootstrap.min.css"), rel: "stylesheet"}/
 15     / Slider Revolution CSS
 16     %link{href:  asset_path("css/rs-settings.css"), rel: "stylesheet"}/
 17     /[if IE 8]
 18       <link rel="stylesheet" href="css/rs-settings-ie8.css">
 19     / Animate CSS
 20     %link{href:  asset_path("css/animate.min.css"), rel: "stylesheet"}/
 21     / Portfolio CSS
 22     %link{href:  asset_path("css/prettyPhoto.css"), rel: "stylesheet"}/
 23     / Font awesome CSS
 24     %link{href:  asset_path("css/font-awesome.min.css"), rel: "stylesheet"}/
 25     / Custom CSS
 26     %link{href:  asset_path("css/style.css"), rel: "stylesheet"}/
 27     / Favicon
 28     %link{href:  asset_path("#"), rel: "shortcut icon"}/
 29     = csrf_meta_tags
 30   %body
 31     / = render 'layouts/revolution_bar'
 32     / = render 'layouts/service'
 33     / = render 'layouts/about_us'
 34     / = render 'layouts/projects'

Answer 1

更改CSS文件的导入顺序。后面加载的文件会覆盖先加载的文件。