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

質問

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

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

回答No.2

x_jouet_x · ベストアンサー

それでしたら、

[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​

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

回答No.1

x_jouet_x

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

[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; }、と書いています。
この時点で、いただいた回答と書き方が違うので、分らなくなっていきました。
それでも、参考にして応用的に書き換えましたが、やはり欲しい色の変化になりませんでした。