リンク文字が2種類ある場合

[新着] Webテンプレートを仮オープンしました



0   名前: エツコ : 2005/12/05 17:10
リンク文字の設定で1つのスタイルシートに
以下2種類の文字設定のスタイルシートを作成しましたが
a.bは反映せず、aのみ反映されます。何がおかしいのでしょうか?
お手数ですがご返答いただけます様お願い致します。

*****************************
a:link { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:hover { color: #442266; text-decoration: underline; }
a:active { color: #666666; text-decoration: none; }

a.b:link { color: #ffffff; text-decoration: underline; }
a.b:visited { color: #ffffff; text-decoration: underline; }
a.b:hover { color: #ffffff; text-decoration: none; }
a.b:active { color: #ffffff; text-decoration: underline; }

1   名前: うっちー : 2005/12/05 17:10  [URL
スタイルシートを

<STYLE TYPE="text/css">
<!--
a:link { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:hover { color: #442266; text-decoration: underline; }
a:active { color: #666666; text-decoration: none; }

.b:link { color: #ffffff; text-decoration: underline; }
.b:visited { color: #ffffff; text-decoration: underline; }
.b:hover { color: #ffffff; text-decoration: none; }
.b:active { color: #ffffff; text-decoration: underline; }

-->
</STYLE>
として、リンクの指定は、

<A HREF="a.html">通常指定</A><BR>
<A HREF="b.html" CLASS="b">Bの指定</A>

とすればうまくいきます。

どうしていけないのかというのは、
定義済みクラスとかスタイルシートあたりの話をこのサイトで調べたら、わかると思います。

2   名前: エツコ : 2005/12/05 17:10
ありがとうございます。
できました!
今度、定義済みクラスとかスタイルシート関係を調べてみます。

一覧へ戻る