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

解決済

質問者：mariocec
質問日時：2006/12/30 14:11
回答数：2件

HPリンク文字に関するタグについてご質問です。

通常はA:link{color:red;}　A:visited{color:blue;}　A:hover{color:green;}などと書きますね。

あるページの特定リンク部分に限って上記三色を違う色（例えば茶色・黄色・紫色など）にしたいのですが、それでも全ページ共通部分のリンク文字では統一した赤・青・緑にしたい、つまり一つのページで二種類のリンク色を使いたいのですが、どのように書けばよいかをご教示下さい。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： noname#39970
回答日時：2006/12/30 14:37

A:link{color:red}; //無指定

A.moji1:link{color:maroon};
A.moji2:link{color:yellow};
A.moji3:link{color:purple};

<a class="moji1">link1</a>

この回答への補足

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

補足日時：2006/12/30 16:33

通報する

- 0
- 件

通報する

この回答へのお礼

簡単なサンプルを作って動かしてみますとうまく動きました。
しかし実際のソースに適用してみると動きません。

研究してみて問題点を見つけ、それを解決出来なかったら来年又質問します。その時にはよろしくお願いします。

有難うございました。

通報する

お礼日時：2006/12/31 00:49

No.2

回答者： quads
回答日時：2006/12/30 14:56

適当なセレクタで適用します。

http://www6.plala.or.jp/go_west/nextcss/ref/slct …
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/30 16:37

通報する

- 0
- 件

通報する

この回答へのお礼

実際に適用しますと上手く動きません。ANo１のSAYKAさんへのお礼の内容と同じです。然しそれは別の問題で、このご質問への正しい解答が得られましたのでお礼申し上げます。

お礼評価はお二人の方法で同じ結果にたどり着きましたので同点としたいのですが、そうも行かず申し訳ありませんが先行されたSAYKAさんへ20点を差し上げ、quadsさんには次点を差し上げます。ご了承お願いします。有難うございました。　関連質問をする時には又お付き合い下さい。

通報する

お礼日時：2006/12/31 01:00

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！