- ベストアンサー
外部のスタイルシートが働かない
- HTML文書に外部からのスタイルシートを持って来て使いたいのですが、全く働きません。
- <style> タグと <link> タグの使い方や位置を確認しても、スタイルシートが反映されません。
- スタイルシートはHTMLと同じフォルダーに入れてあり、クラス名も正しく指定していますが、なぜ影響を受けないのかわかりません。
- papashiroSooke
- お礼率90% (521/575)
- HTML
- 回答数4
- ありがとう数4
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (3)
- hok212
- ベストアンサー率66% (100/150)
スーパーリロードでもダメでしたか。 では、mystyle.cssをブラウザで直接表示して、最初のご質問で指定したスタイルが記述されていることを確認してください。 ※記述されていなければリロードして再確認。 正しく記述されているのであれば、複数の外部スタイルシートが呼び込まれていることも考えられますので、!important 指定（優先指定）を追加してみてください。 書式は次のように、値の後に半角スペースを挟み!importantセミコロンです。 body{ background-color:gray !important; color:black !important; }
お礼
回答有難うございます。 !important; を入れても上手く行きませんでしたが、回答者さん４の方のアドバイスで<style>タグを取り除いて上手く表示されました。
- t_ohta
- ベストアンサー率38% (5317/13878)
htmlファイルとcssファイルは同じディレクトリに置いてありますか？
お礼
ご回答有難うございます。 HTMLファイルもCSSファイルも同じフォルダーに置いてあります。
- hok212
- ベストアンサー率66% (100/150)
mystyle.cssのキャッシュを読み込んでいるのではないでしょうか。 その場合、スーパーリロード（Windowsであれば キーボードのSHIFTキーを押したまま再読み込み）してやればOKです。 スーパーリロードは、ページに埋め込まれているすべての要素のキャッシュを無視して再読み込みする手法です。 それでもダメであれば、キーボードのF12で開発ツールウィンドウを表示させ、対象の要素にどのようなスタイルが適用されているか調査する方法があります。
お礼
早速ご回答を頂き、有難うございます。 すぐにやってみます。
補足
教えて頂いたスーパーリロードを実行しました。 しかしクラス定義した要素のフォントサイズと色はCSSファイルの通りになりましたが、フレームのバックグラウンド色は変化しませんでした。 セレクターの書き方がおかしいのでしょうか？
お礼
ご回答有難うございます。 たしかにCSSファイルぜんたいを＜STYLE>タグでくくってありました。これを取り除いて上手く行きました。 感謝です。