スタイルシートの部分的な解除

リンク文字の色はスタイルシートで決めると思いますが、
部分的にスタイルシートの色とは違うようにしたいのです。

例ですが、スタイルシートではリンク文字は青色にします。
部分的にリンク文字を緑色にしたいのですが。

No.2 ベストアンサー 回答者： x_jouet_x 回答日時： 2009/05/14 14:38

それでしたら、

[CSS]
a.blue:link { color: blue; }
a.blue:visited { color: blue; }
a.blue:hover { color: red; }
a.blue:active { color: red; }

a.green:link { color: green; }
a.green:visited { color: green; }
a.green:hover { color: orange; }
a.green:active { color: orange; }

[HTML]
<a class="blue" href="...">XXXXX</a>
<a class="green" href="...">XXXXX</a>

と記述してはどうでしょう？

ちなみにCSSの a.blue... という記述はHTMLの<a>タグのclass属性が"blue"のものに対して、という意味になります。

また、HTML初心者であれば「とほほのWWW入門」を参考にしてみてはいかがですか？
http://www.tohoho-web.com/www.htm

ここでHTMLとCSSの記述方法は一通り分かると思います。

この回答へのお礼

できました。

＞ちなみにCSSの a.blue... という記述はHTMLの<a>タグのclass属性が"blue"のものに対して、という意味になります

なるほど、この考え方はいろいろ応用してみます。
ありがとうございました。

＞また、HTML初心者であれば「とほほのWWW入門」を参考にしてみてはいかがですか？
​http://www.tohoho-web.com/www.htm​

初心者も初心者、一週間目くらいです。
ＵＲＬありがとうございます。

お礼日時：2009/05/14 16:25

No.1 回答者： x_jouet_x 回答日時： 2009/05/11 08:41

スタイルシートで青色用と緑色用の二種類のクラスを定義してそれらを使い分けすればいいと思います。

[CSS]
a.blue {
color: blue;
}

a.green {
color: green;
}

[HTML]
<a class="blue" href="...">XXXXX</a>
<a class="green" href="...">XXXXX</a>

上記のように記述すれば１つめのリンク文字は青色に、２つめのリンク文字は緑色になります。

この回答へのお礼

ありがとうございます。
結論としてまだ解決していません。（私のＨＴＭＬ知識の無さが原因）

私は[HTML]を、
a:link { color: #0000cc; }
a:visited { color: #0000cc; }
a:hover { color: #cc0033;}
a:active { color: #cc0033; }、と書いています。
この時点で、いただいた回答と書き方が違うので、分らなくなっていきました。
それでも、参考にして応用的に書き換えましたが、やはり欲しい色の変化になりませんでした。

お礼日時：2009/05/14 12:51