css - Rails アプリのスタイルシートのスコープが正しくありません

Question

メイン アプリケーションの css があり、application.css の実行時にスタイルがすべてブリード オーバーするため、バックエンド スタイルシートを除外したい*=require_tree .

現在、次のようにフォルダーをセットアップしています。

assets/   
   stylesheets/
       main/ #application.css ##other css files for front end
       backend/ #backend.css ##other css files for back end

私のapplication.cssは次のとおりです。

/*
*= require_self
*= require foundation_and_overrides
*= require_tree ./main/
*/

backend.css

/*
 *= require_self
 *= require foundation_and_overrides
 *= require_tree ./backend/
 */

私のapplication.rbで

config.assets.precompile += ['application.css', 'backend.css']

私の開発.rb

 config.cache_classes = false

  # Do not eager load code on boot.
  config.eager_load = false

  # Show full error reports and disable caching.
  config.consider_all_requests_local       = true
  config.action_controller.perform_caching = false

  # Don't care if the mailer can't send.
  config.action_mailer.raise_delivery_errors = false

  # Print deprecation notices to the Rails logger.
  config.active_support.deprecation = :log

  # Raise an error on page load if there are pending migrations
  config.active_record.migration_error = :page_load

  # Debug mode disables concatenation and preprocessing of assets.
  # This option may cause significant delays in view rendering with a large
  # number of complex assets.
  config.assets.debug = true

スタイルシートを移動して別のディレクトリで遊んでみましたが、スタイルシートがまったく読み込まれないか、「foundation_and_overrides が見つかりませんでした」というメッセージが表示されます...

これを行う簡単なきれいな方法はありますか？いくつかのスタイルシートを application.css でコンパイルされないようにしたいだけです