長いcssファイルを分割する必要がありました。小さい[css]ファイルをstyles
ディレクトリ内に配置します。
ここで、URLを更新して、../
表記。
とにかく、HTMLのベースタグと同様に、CSSを使用してアセットをロードするベースURLを指定する必要はありますか?
いいえ、ありません。パスをさかのぼる必要がないように、CSSファイルを少なくともCSSファイルと同じレベルに配置することをお勧めします。例えば。 CSSファイル用の_/css
_フォルダーとCSSイメージ用の_/css/images
_フォルダー。そうすれば、CSSイメージに一貫してurl('images/name.ext')
を使用できます。この方法で、画像URLをいじることなく、ルート_/css
_フォルダーを実質的にどこにでも配置できます。
CSSでベースディレクトリを設定する別の方法(不可能と思われる)は、HTMLドキュメントのベースディレクトリに<base>
鬼ごっこ。このタグはコミュニティではあまり知られていませんが、Webで素敵なチュートリアルを見つけました。
https://webdesign.tutsplus.com/articles/quick-tip-set-relative-urls-with-the-base-tag--cms-21399
それは完全に良い解決策のようです。
別の方法として、クラスをbodyタグに動的に追加し、セレクタでそれを使用して、ファイルの提供元ディレクトリに応じてcss URLをオーバーライドできます。