- ベストアンサー
リンクの文字をスタイルシートで
<BODY>に <B>サーチエンジン</B><BR> <A><B>Google</B></A><BR> <A><B>Yahoo</B></A><BR> <BR> <B>コミュニティ</B><BR> <A><B>goo</B></A><BR> など書いてあるんですが、スタイルシートで<A>の中にない<B>の文字色を赤にしたいんですが、 b[color:red]ではリンクの文字色まで変わってしまいます。 サーチエンジンやコミュニティだけの文字色を変更するスタイルシートを教えてください。 <BODY>のソースを変更する権利がないのでスタイルだけでやります。
- ninmurai
- お礼率38% (24/63)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
スタイルシートで、ある要素の中でない要素という指定はできなかったように思います。 なので、 b {color:red} として a b{ } a:link b{ } a:visited b{ } a:hover b{ } a:active b{ } についてそれぞれ標準のカラーを設定するような感じになると思います。
関連するQ&A
- 文字の色をスタイルシートで設定した時、ハイパーリンクの文字の色を変えたいのですが
スタイルシートの定義で質問です。 文字の色をスタイルシートで設定したとき、ハイパーリンクの文字の色を変えたいのですが やり方が分かりません。よろしくお願いします。 htmlは次の様に書いてます。 これだと、ハイパーリンク文字にマウスをおいても白文字のままです。 この時、赤色にかえたいのですが。 <head> <style type="text/css"> .style1 { color: #FFFFFF; font-size: small; } a:hover { color: red; text-decoration: none; } </style> </head> <body> <a href="xxxx.htm"> <span class="style1">ハイパーリンク文字</span></a> ・ ・ </body>
- 締切済み
- HTML
- DreamWeaverMXでスタイルシートを使わない方法
DreamWeaverMXを使用しています。 文字に色をつけたり大きさを変えたりするときに、自動的にスタイルシートでタグが入力されてしまいます。 例えば赤文字にしたときに <font color="red">赤い文字</font> こうしたいのに <head> <style type="text/css"> <!-- .style1 {color: #FF0000} --> </style> </head> <body> <span class="style1">赤い文字</span> </body> こういうタグが入ってしまいます。 これをHTMLだけのタグがはいるようにしたいのですが、そういう設定方法はないでしょうか？ ご存知の方がいましたらよろしくお願いします。
- ベストアンサー
- グラフィックソフト
- スタイルシートで文字色を指定した時、改行させたくな
スタイルシートで文字色を指定した時、改行させたくないです。 <html> <head> <title>test</title> <style type="text/css"> p.red { color: red; } </style> </head> <body> a<p class="red">bcd</p> </body> </html> これをすると a bcd になってしまいます。 実際は、 abcd にしたいです。 pタグは改行もされてしまうとのことですが、色を付けつつ改行しない方法はありますか？ そもそもフォントに色を付けるだけで改行する機能も付いちゃうのが不思議です。
- ベストアンサー
- HTML
- スタイルシートの記述としては正しいですか？
ホームページを作ることになり、スタイルシートを使いたいです。 色々な記述を見ると、HTMLの世界でもいろいろな規格があり、 各ブラウザでも見え方が異なる可能性があることが分かりました。 すべてのブラウザをテストすることは難しいので、 基本的には標準とされる仕様に従いたいと思います。 そこでお願いなのですが、 以下のスタイルシートの記述は標準といえますか？ body { font-size:12pt; .title { font-size:15pt; } a:active { color :red; } } 実現させたい見え方としては、 ・見える部分(body)の文字サイズは基本的に統一(12pt) ・ただしclassがtitleの場合の文字サイズは15pt ・ハイパーリンクをクリックした際には赤になるようにする(全てのリンクで) ご指導いただけましたら幸いです。よろしくお願いいたします。
- ベストアンサー
- HTML
- スタイルシート上でリンク文字色の設定
○スタイルシート iro { font-size: 18; } iro:link { text-decoration:none;color:赤; } iro:visited { text-decoration:none;color:青; } iro:hover { color:黄 } iro:active { text-decoration:none;color:緑; } ○本文 <p id="iro"> <a href="abc.html">リンク</a> </p> すごく基本的な質問です。 スタイルシート上でリンク文字の色を設定したいのですが、さっぱりわかりません。 上のコマンドではうまくいかないことは確認済みなんですが、一応書いてみました。 ちなみに赤、青といった色指定の部分は、簡単になるように「#～」ではなくああいう風に書いています。 めんどうでしたら、色指定の部分は空白でかまいません。 正しい書き方を教えてもらえないでしょうか。
- ベストアンサー
- HTML
- 直接スタイルシートを埋め込む方法で区切り文字はどうしたらよいのでしょうか
<th style="background-color:#ffff00">テスト</th> と直接スタイルシートを埋め込む方法で、 スタイルシートの設定を２つ以上以下を追加したいのですが、 区切り文字はどうしたらよいのでしょうか？ border-bottom-color:red border-left-color:red border-right-color:red border-top-color:red border-color:red 直接埋め込むメリット、デメリット（手間がかかる以外）が知りたいです。
- ベストアンサー
- HTML
- スタイルシートのリンクについて
スタイルシートを下記の様に記述しました。 そこでリンクの部分なのですが ポインタが上にのった時にff6666になるようにしているのですが、 ff9900のままなのです。 通常はffcc00 既読はff9900 ポインタ上にのった時にff6666 クリックした時にff0000としたいのです。 どなたかお教え下さい。 <style type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffcc00; SCROLLBAR-ARROW-COLOR: #ffcc00; SCROLLBAR-BASE-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR : #ffffff; SCROLLBAR-3DLIGHT-COLOR : #ffcc00} body,tr,td {font-size: 9pt;} body,tr,td {color: #ffcc00;} a {text-decoration: none;} a:link {color: #ffcc00;} a:hover {text-decoration: underline;} a:hover {color: #ff6666;} a:active {color: #ff0000;} a:visited {color: #ff9900;} body { background-repeat: no-repeat; background-position: 100% 100%; background-attachment: fixed;} --> </style>
- ベストアンサー
- CSS
- ネットスケープ4.78でのスタイルシート
質問します。よろしくお願いします。 win版のネットスケープ4.78でスタイルシートがおかしくなります。 <head><style type="text/css"> .text1{color:red ;} </style></head> <!-- 省略 --> <td class="text1"> <span style="color:blue ;">【What's New!】</span> <br> こんにちは！ </td> という感じにしています 上記の記述だと、【What's New!】だけが青で、以下の 「こんにちは！」は赤い文字になるはずだと思うのですが、 意図に反して「こんにちは！」も青い文字になってしまいます。 ネットスケープの4.xではスタイルシートが不安定というのは 知っていましたが、ここまでひどかったかなぁ、と思っています。 どこか記述がおかしいところがあるのでしょうか？ よろしければご指摘をいただければ幸いです。
- ベストアンサー
- HTML
- スタイルシートの反映のされ方がIEとFirefoxで異なるのは何故？
■スタイルシート側 #style_a{ color:#000000; } .style_b {} .style_b a:link{ color:#ff0000; } ■HTML側 <div id="style_a"> <div class="style_b"> <a href="***.html">リンク</a> </div> </div> ↑…というようなソースを書いたところ、 Firefox(ver.2.0)では文字色が赤に、 InternetExproler(ver7.0)では黒になってしまいました。 その後、スタイルシートの優先順位は 記述による獲得ポイントによって決まるということを知り、 スタイルシートを以下のように修正することで 両ブラウザとも文字色が赤くなるように解決したのですが、 ■スタイルシート側 #style_a{ color:#000000; } #style_a .style_b {} #style_a .style_b a:link{ color:#ff0000; } このポイント制ってブラウザ毎に 微妙に異なるものなのでしょうか？ もしそのあたりを解説してくれている ホームページや書籍などがありましたら 教えていただけませんでしょうか？ よろしくお願いいたします。 ・参考としたページ http://www.stylish-style.com/csstec/base/order.html
- 締切済み
- HTML
- スタイルシート…
たぶん、初歩的な問題なんですが…自力では調べてもわからなかったので… スタイルシートで、画像を固定し、尚且つ、 リンクの貼ってある文字の上にカーソルがくると文字色が変わるようにしたいのですが、 どのようにすればよいのでしょうか？ 一応、 <style type="text/css"> <!-- body { background-image : url("画像のURL"); background-attachment: fixed; background-position: 100% 0%; background-repeat: no-repeat ; } a{text-decoration:none;} a:link {color:#色;} a:active {color:#色;} a:visited {color:#色;} a:hover {color:#色;} --> </style> じゃないかな…？と思って、試してみたのですが、画像は固定できてるんですが、 リンクの文字色は変わりませんでした…。 アドバイスお願いします！
- ベストアンサー
- HTML
お礼
ありがとうございました