RailsにおけるCSS構成のプラクティス

  body class="#{controller.controller_name}-#{controller.action_name}"

• コントローラー名とアクション名

.articles {
  &-show {
    .inputContainer {
      margin: 20px
    }
  }
  &-edit {
    .inputContainer {
      margin: 10px;
    }
  }
}

@import "user/articles"

• ユーザー画面でのみ呼ばれるuser.htmlでコントローラーとアクション名を親要素で囲みその下にすれば名前空間は守られるはず

参考記事

• RailsでCSSスタイリングをコントローラー単位で分けるTips - Rails Webook http://ruby-rails.hatenadiary.com/entry/20141220/1419058040