RailsでCSSの読み込む順番を制御する方法
RailsでCSSの読み込む順番を制御する方法
application.cssで読み込み順序を制御可能です。
/*
*= require_self
*= require_tree .
*/
Asset Pipelineの仕組みによりここで読み込みの順番を制御しています。
この仕組はディレクティブと呼ばれます。
require_self
これは、このapplication.css自体を最終的なスタイルシートに含めることを指定しています。
この行がないと、このファイルに書かれたcssは無視されます。
require_tree .
がapp/assets/stylesheets以下の全CSSファイルを読み込むという意味になります。
しかし、読み込む順番は辞書順のため、hoge.cssよりもscaffold.cssは後に読まれることになります。
読み込む順番の指定方法
順番を変更したいCSSを以下のように個別のrequireを追加することで明示的に順番を指定することができます。
/*
*= require_self
*= require scaffolds.css
*= require hoges.css
*= require_tree .
*/
Author And Source
この問題について(RailsでCSSの読み込む順番を制御する方法), 我々は、より多くの情報をここで見つけました https://qiita.com/takish/items/c5f264577d2db75fd10c著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .