- ベストアンサー
スタイルシートで一部分だけ リンクの色を変えたい
CSSでリンクの色をかえるのにa:link{} a:visited{} などを使っています。別の場所にCSSファイルを作って使っています。 ページに多数存在するリンクのうち、一部分だけ色を変えたいときはどうすればいいでしょうか？ <divc class=""></div>などでは無理ですよね body内に直接記述するしかないのでしょうか？
- みんなの回答 （7）
- 専門家の回答
質問者が選んだベストアンサー
この方法は如何でしょうか。 <html> <header> <style type="text/css"> <!-- a:link {color:red; } a:visited { color:orange; } #poi { color: green ; } --> </style> </header> <body> <a href="poi.html">りんく１</a><BR> <a href="poi.html" id="poi">りんく２</a> </body> </html>
その他の回答 (6)
- goldfox
- ベストアンサー率49% (123/249)
クラス名は<a>タグは後ろ、<p>、<div>などは前に付けます。注意しましょう。 a.aa {color:#555555} a:vlink.aa {color:#FF0000} a:hover.aa {color:#0000FF} .bb a {color:#cccccc} .bb a:vlink {color:#FF00FF} .bb a:hover{color:#00FF00} <a href="aaa.html" class="aa">aaa</a> <p class="bb"><a href="bbb.html">bbb</a></p>
お礼
クラス名の位置のことわかりやすかったです ありがとうございました
- rabu_chihaha
- ベストアンサー率66% (8/12)
こんな感じですか？ a.style1 {color: #FF00FF} a.style2 {color: #FF0000} a.style3 {color: #000000} <a href="aaa.html" class="style1">aaa.html</a> <a href="bbb.html" class="style2">bbb.html</a> <a href="ccc.html" class="style3">ccc.html</a> どうでしょう？
お礼
よくわかりました ありがとうございました
aタグにクラス設定すればよいのではと思われます。 (divやspanでも可能でしょう) a:link.aaa {color:xxx} a:visited.aaa {color:xxx} <a href="" class="aaa"></a>
お礼
a.aaa:linkという書をしていましたが普通しないんですね ありがとうございました
- z_liang_00
- ベストアンサー率42% (45/107)
＃２です。 「とほほ」に、色々と詳しく載っていますよ。
お礼
見てみることにします ２度の回答どうもありがとうございました
- partita
- ベストアンサー率29% (125/427)
＞今まではクラスは単独で使ってきましたが クラスはpでもaでもinputでも、なんでも使えると思ってください。ただし、記述方法に注意。 a.link { color:black } のようにクラス設定すると、タグ<a>内に限定されますが、 .link { color:black } にすると、タグ指定がないので、pやa、spanなど複数種のタグにまたがって適用可能です。
お礼
ありがとうございました。 HTMLを軽量化できました＾＾
- partita
- ベストアンサー率29% (125/427)
a.link1:link a.link1:visited a.link2:link a.link2:visited のように、aタグにクラスを設定することは可能です。 それぞれのクラスで別々の色を設定すればいいです。
補足
クラスはaタグにしか使えないのでしょうか？ 今まではクラスは単独で使ってきましたが、pタグなどには使えないのですか？ 初心者ですみません
補足
#α id=α これは具体的に何をしているのか簡単でいいので説明していただけますか？