- ベストアンサー
ヘッダー部のスタイルシートを<body>で実現可能か？
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
場合によってはjavascriptでやっちゃうという手もあります。 //hoge.htm <html> <head> </head> <body> <script type="text/javascript" src="hoge.js"></script> <span>aaa</span> </body> </html> //hoge.js window.onload=function(){ var css=document.createElement("link"); css.rel="stylesheet"; css.type="text/css"; css.href="hoge.css"; document.getElementsByTagName("head")[0].appendChild(css); } //hoge.css span{ color:red; }
その他の回答 (1)
- SAYKA
- ベストアンサー率34% (944/2776)
styleタグ自体はhead内でないとならないって事になってるからダメだね。 <div style="color:#00f"> <a>link1</a> <a>link2</a> </div> なんて指定はできるけどdiv内のaにだけ という、いわゆるセレクタ記述はstyle属性ではできないから希望の記述はできない事になるね。 ただ、なぜbody内でそうしたいのかを補足したら、もっと適切な方法を教えてくれる人が現れるかもしれないよ？
お礼
お早いご返答ありがとうございます。 なぜかというと、CMSを使用しているからです。 ヘッダーは個人的には修正することができなく（システム管理者になるのかな）、自分の与えられたスペースはあくまで<Body>の編集の権限だけなのでその中で実現させなくてはいけません。 でも仕様なんですね。 あ、li に関してはこれにてできそうな記がします。勉強不足でした。 http://www.htmq.com/style/list-style-image.shtml
関連するQ&A
- スタイルシート２
１．スタイルシートで、外部スタイルシートがありますが これはそんなに使い勝手がよいでしょうか？ <link rel="stylesheet" type="text/css" href="style.css"> と記述する上で、これはルールですからしょうがないでしょうが、<link rel="stylesheet" type="text/css" とここで、stylesheetを指定していて、さらにtext/css" でも、”スタイルシート”ですよ！！ といっているのですから、最後のhref"URL"後のstyle.css の記述は無駄になるような（くどい＾＾）気もします。 これは、しょうがないですよねー。 個人で使うなら、HTMLで充分なような・・ あと、埋め込みスタイルでよういような・・ ２．さらに、スタイルシートはたしかに軽くなりますが、 記述が面倒で、フルスペル（省略できない）。 HTMLでは、<Li></LI>や、<tr></tr>で 表示できますが、こちらはすべて書かなくてはならないので便利とはいえ、つかいやすいでしょうか＾＾ リンクできるのは、見やすく便利ですが・・・
- ベストアンサー
- その他（プログラミング・開発）
- スタイルシート 画像の置き換え について
スタイルシート初心者です。 宜しくお願いします。 ----------------------------------------------- <div id="Nav"> <ul> <li><a href="/nav1/"><img src="/nav1.gif"></a></li> <li><a href="/nav2/"><img src="/nav2.gif"></a></li> </ul> </div> ----------------------------------------------- 上記、nav1.gifとnav2.gifの２枚の画像を、スタイルシートで別の２枚へ差し替えたいのですが、何か方法はありますでしょうか。 #Nav li img{ } ではダメですよね。 何か上手い指定方法があるのでしょうか。 HTMLは変更不可です。
- 締切済み
- HTML
- スタイルシートについて
宜しくお願い致します。 個人のホームページを作成しているのですが、ヘッダーの下にメニューボタンを横並びに置きたくて参考書通りにしているつもりなのですができません。ソースは HTMLソース <div id="content"> <p>what new</p> </div> <div id="sidebar"> <ul id="sidemenu"> <li><a href="link.html">トップページ</a></li> <li><a href="link.html">コンセプト</a></li> <li><a href="link.html">メニュー</a></li> <li><a href="link.html">ブログ</a></li> <li><a href="link.html">リンク</a></li> </ul> </div> CSSソース div#content{ font-size:0.75em; width:564px; } ul#sidemenu li{ list-style-type:none; float:left; } です。ど素人なものでどこが間違っているのかさえわかりません。 ご教授頂ければ幸いです。 どうぞ宜しくお願い致します。
- 締切済み
- グラフィックソフト
- スタイルシートについて。
スタイルシートを設定するのはいいのですが、複数のスタイルシートを同時に設定するやり方が分かりません。 片方のスタイルシートを、インターネットオプション→全般タブ→ユーザー補助→参照→スタイルシートを指定→OK、これで適用します。 これと同じ作業をもう一度して、もう片方のスタイルシートも設定する。 するとその前に設定していたスタイルシートが適用されず、もとに戻ってしまいます。 これは私だけなのでしょうか？ それかやはり他にスタイルシートを複数適用させるやり方があるのでしょうか？ やり方の分かる方、回答の方をお願いしたく思います。よろしくお願いします。
- ベストアンサー
- ネットトラブル
- 外部スタイルシートが読み込めない
こんにちは。 外部スタイルシートが読み込めず 困っています。 HTMLは、 <html> <head> <link rel="stylesheet" href="controlbox2.css" type="text/css"> </head> <body> <div class="modal">syun</div> </body> </html> controlbox2.cssは .modal{ background-color:#fff; padding:10px; border:1px solid #333; } だけです。 もちろん同じディレクトリで あり何度も確認しています。 ブラウザは、IE7です。 ヘッダー部分に スタイルシートを書くと 当然効果があります。 <head> <style type="text/css"> .modal{ background-color:#fff; padding:10px; border:1px solid #333; } </style> </head> 文字コードは、ともに SHIFT_JISで保存しています。 何が悪いのか、 全くわかりません。 何か分かる人がいましたら、 よろしくお願いします。
- ベストアンサー
- HTML
- LIタグのスタイルシートを作りたいです。
<li>タグを使うと、他の人が設定したスタイルシートが効いてしまう ので、スタイルシートを無効にするか、 独自に、<ul><li>を使ったように見えるスタイルシートを 書きたいのですがどのように書けば良いでしょうか？ .org_li { }
- ベストアンサー
- HTML
- スタイルシートのリンク要素について
スタイルシート。特定のIDセレクタにa要素を指定する方法を教えて下さい。 a:link{color:#FFFFFF} この場合はスタイルシートを適用すればページすべてに反映。 li a:link{color:#FFFFFF} これなら＜li＞にのみ適用ですよね？ そこでたとえば #abcd というIDにのみa:linkを適用させる場合はどのようにしたらよいのでしょうか？
- ベストアンサー
- HTML
- スタイルシートについて
実は今、はじめてＨＴＭＬでホームページを作成しているんですが、スタイルシートってありますよね。ＨＴＭＬの本とか読んでると、スタイルシートでいろいろ設定した方が良いようなので、そうしたいと思っているのですが、ＨＴＭＬで本読みながら設定しても、ＩＥで確認するとそれが反映されていないんですよ。ちなみにネットスケープでは反映されるんです。ＩＥのバージョンは５．５なのですが・・・ いったい何がいけないんでしょうか？原因として考えられるとしたら、どのような事が考えられますか？
- 締切済み
- HTML
- スタイルシートでリンクの色が変わらない？
スタイルシートでリンクの色を指定していますが、そのスタイルシートを適用したページの内の３分の２くらいのリンクはそのスタイルシートで指定した色になるのですが、残り３分の１くらいはスタイルシートで指定した色になりません。こんなことってあるんでしょうか？
- 締切済み
- ホームページ作成ソフト
お礼
ありがとうございます。 あ～すみません、CMSの仕様の説明が欠けていました。 実はjava script なども使えず、外部リンクもNGなんです。 本当にすみません、…が非常に勉強になりました！