ベストアンサー

1ページ内で2種類のリンク文字色を使うには？

2006/12/30 14:11

HPリンク文字に関するタグについてご質問です。通常はA:link{color:red;}　A:visited{color:blue;}　A:hover{color:green;}などと書きますね。あるページの特定リンク部分に限って上記三色を違う色（例えば茶色・黄色・紫色など）にしたいのですが、それでも全ページ共通部分のリンク文字では統一した赤・青・緑にしたい、つまり一つのページで二種類のリンク色を使いたいのですが、どのように書けばよいかをご教示下さい。

noname#96725

HTML
回答数2
ありがとう数4

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

noname#39970

2006/12/30 14:37 回答No.1

A:link{color:red}; //無指定 A.moji1:link{color:maroon}; A.moji2:link{color:yellow}; A.moji3:link{color:purple}; <a class="moji1">link1</a>

質問者

お礼 2006/12/31 00:49

簡単なサンプルを作って動かしてみますとうまく動きました。しかし実際のソースに適用してみると動きません。研究してみて問題点を見つけ、それを解決出来なかったら来年又質問します。その時にはよろしくお願いします。有難うございました。

質問者

補足 2006/12/30 16:33

年末のお忙しい中、回答有難うございます。あ、そうなんだ。Aって特別視しなくていいのか。という気持ちです。今年末掃除の途中です。実際に試してから改めて御礼を申し上げます。

その他の回答 (1)

quads
ベストアンサー率35% (90/257)

2006/12/30 14:56 回答No.2

適当なセレクタで適用します。 http://www6.plala.or.jp/go_west/nextcss/ref/slctr/slctr.htm http://www.seo-equation.com/html/css/selector ■ a {} -> a 要素に適用 ■ div a {} -> div 要素の子孫要素である a 要素に適用 <body><div><p><a>適用される</a></p></div></body> <body><p><a>適用されない</a></p></body> ■ #navi a {} -> "navi" という id 属性値を持つ要素の子孫要素である a 要素に適用 <body><div id="navi"><p><a>適用される</a></p></div></body> <body><div id="content"><p><a>適用されない</a></p></div></body> <body><p><a>適用されない</a></p></body> ■ .note a {} -> "note" という class 属性値を持つ要素の子孫要素である a 要素に適用 <p><a>仰られている全ページ共通のリンク色</a></p> <p class="note"><a>このセレクタで指定されているリンク色</a></p> ■ a.relation {} -> "relation" という class 属性値を持つ a 要素に適用 <p><a>仰られている全ページ共通のリンク色</a></p> <p class="relation"><a>ここには適用されない</a></p> <p><a class="relation">このセレクタで指定されているリンク色</a></p> リンク色に限らずセレクタの基本的なルールです。どれをどのように用いるべきかは、具体的なページの構成やリンクが持つ意味によって異なります。

質問者

お礼 2006/12/31 01:00

実際に適用しますと上手く動きません。ANo１のSAYKAさんへのお礼の内容と同じです。然しそれは別の問題で、このご質問への正しい解答が得られましたのでお礼申し上げます。お礼評価はお二人の方法で同じ結果にたどり着きましたので同点としたいのですが、そうも行かず申し訳ありませんが先行されたSAYKAさんへ20点を差し上げ、quadsさんには次点を差し上げます。ご了承お願いします。有難うございました。　関連質問をする時には又お付き合い下さい。

質問者