一部ページにCSSを読み込ませない方法がありましたら、
ご教授ください。
例えば、
全ページに以下のCSSを共通で読み込ませてあります。
<link rel="stylesheet" type="text/css" media="screen" href="css/common.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />
しかし、test.htmlだけ
<link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />
を読み込ませたくありません。
つまり、
<link rel="stylesheet" type="text/css" media="screen" href="css/common.css" />
は通常通り読み込んで、
<link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />のみを
除外したいです。
* 共通のCSSは外すことはできません。
* また、CSSを新たに追加することもできません。
* head内にスクリプトを記述することができますが、スクリプトの記述で解決できますでしょうか。
自分で検索もしてみたのですが、答えに辿りつけません。
どのような方法がありますでしょうか。
何か方法がありましたら、ご教授ください。
よろしくお願いいたします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
>head内にスクリプトを記述することができますが、
javascriptを加えることができるなら、<head></head>内の
<link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />
を消せばよいのでは??
他の方法
<body class="main">のあるものとそうでないものとかで区別してCSS側でbody.mainセレクタを起点にする。
CGIでスタイルシートを出力させる。
if($ENV{'HTTP REFERER'} =~/index\.html/){
print・・
回答ありがとうございます。
大変助かります。
>javascriptを加えることができるなら、<head></head>内の
><link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />
>を消せばよいのでは??
こちら、わたくしの説明下手で申し訳ありません。
"* 共通のCSSは外すことはできません。"というのは、
<head></head>内のCSSを読み込んでいる部分は編集できないということです。
それを強制的に消す方法を探しています。
また、CMSを利用しているため、
bodyタグも編集できません。
CGIについては試したことがないので、
こちらについてこれから勉強してみます。
ご回答誠にありがとうございました。
No.2
- 回答日時:
>* head内にスクリプトを記述することができますが、スクリプトの記述で解決できますでしょうか。
スクリプトでは無いですが、CSS の上書きで対処出来ます。
hesd 内で index.css の内容を全て上書きしてしまえば良いと思います。
スタイルシートは、head 内にもしくは、html 内に直接記述した内容が最優先されます。先に読み込んだ index.css の内容を上書きしてしまえば良いだけです。
ご回答ありがとうございます。
確かにその通りなのですが、
CMSを利用してホームページをカスタマイズしているので、
全ページに共通のクラスを利用しています。
なので、通常は背景を黒に設定、
test.htmlのページのみ背景をなしに設定したいです。
background:#000;を指定したクラスが全ページで共通して使われているので、
強制的にtest.htmlにもついているイメージです。
新しくクラスを追加するも不可。
また、外部CSSの読み込みもしたくないです。
条件ばかりで申し訳ありません。
通常は下記を読み込み、
<link rel="stylesheet" type="text/css" media="screen" href="css/common.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />
test.htmlのページのときだけ、
<link rel="stylesheet" type="text/css" media="screen" href="css/common.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />
の
<link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />だけ
強制的に読み込まない方法を探しています。
素人のため、質問が難解で申し訳ありません。
>スタイルシートは、head 内にもしくは、html 内に直接記述した内容が最優先されます。
そうなんですね、大変勉強になりました。
ご回答いただき誠にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- Ruby htmlの記述で link rel=stylesheet href=ress.cssの指定をする l 1 2023/04/02 21:15
- HTML・CSS PrettierのHTMLの記述変更 linkタグ 1 2022/06/23 04:06
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
サイトを作る時のcssファイルは...
-
スタイルシート(CSSスタイル)...
-
HTMLの CSSのファイルというの...
-
[Dreamweaver8]テンプレートに...
-
cssファイルを階層の異なるHTML...
-
デバイス毎、画面の向き毎にデ...
-
html とcssのリンクがうまくい...
-
ブラウザによる表示の違いについて
-
cssでiPhone SEで文字が小さす...
-
cssで、ボタンのテキスト部分を...
-
マイクロ(μ)の文字を半角で出...
-
outlook 文字を揃えたい。tab...
-
教えてください。
-
ペイント3Dのテキストサイズ変更
-
入力規則のリストの文字の大き...
-
Illustratorで作成、pngで保存...
-
ACCESS VBA レポートプレビュー...
-
「MS Pゴシック」と同じ幅の...
-
PDFファイルを開かずに印刷...
-
テーブル内の文字サイズを変更...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
jspにcssを反映させるには
-
ディレクトリ構成【「common」...
-
サイトを作る時のcssファイルは...
-
HTMLの CSSのファイルというの...
-
cssで、ボタンのテキスト部分を...
-
複数のhtmlで同じcssファイルを...
-
cssファイルを階層の異なるHTML...
-
cssが反映されません
-
一部のページにデフォルトCSSを...
-
WindowsとMacで違うCSSを読み込...
-
エクセルファイルにCSSを読み込...
-
定数の定義とかはできますか?
-
ブラウザでプレビューでCSSが反...
-
範囲指定印刷での位置(css)
-
ドキュメントルートより上の階...
-
スタイルシート(CSSスタイル)...
-
Dreamweaver のテンプレートで...
-
【CSS】スタイルやクラスがどの...
-
cssでiPhone SEで文字が小さす...
おすすめ情報