web-dev-qa-db-ja.com

CSSのベースURLを指定する

長いcssファイルを分割する必要がありました。小さい[css]ファイルをstylesディレクトリ内に配置します。

ここで、URLを更新して、../表記。

とにかく、HTMLのベースタグと同様に、CSSを使用してアセットをロードするベースURLを指定する必要はありますか?

54
rhlee

いいえ、ありません。パスをさかのぼる必要がないように、CSSファイルを少なくともCSSファイルと同じレベルに配置することをお勧めします。例えば。 CSSファイル用の_/css_フォルダーとCSSイメージ用の_/css/images_フォルダー。そうすれば、CSSイメージに一貫してurl('images/name.ext')を使用できます。この方法で、画像URLをいじることなく、ルート_/css_フォルダーを実質的にどこにでも配置できます。

49
BalusC

CSSでベースディレクトリを設定する別の方法(不可能と思われる)は、HTMLドキュメントのベースディレクトリに<base> 鬼ごっこ。このタグはコミュニティではあまり知られていませんが、Webで素敵なチュートリアルを見つけました。

https://webdesign.tutsplus.com/articles/quick-tip-set-relative-urls-with-the-base-tag--cms-21399

それは完全に良い解決策のようです。

0
Guybrush

別の方法として、クラスをbodyタグに動的に追加し、セレクタでそれを使用して、ファイルの提供元ディレクトリに応じてcss URLをオーバーライドできます。

0
BBaysinger