「目次」と「サブ目次」のスタイルを分けたいのですが、次のようにクラスを作って、目次サブ目次次のようにしても駄目です。 #mokuji a:link{ color:#000000; } #mokuji a.SUBMOKUJI:link{ color:#00ff00; } どうしたらよいのでしょうか？

「目次」と「サブ目次」のスタイルを分けたいのですが…

解決済

質問者：goonejp
質問日時：2004/08/17 11:59
回答数：1件

「目次」と「サブ目次」のスタイルを分けたいのですが、次のようにクラスを作って、

<div id="mokuji">
<a href="page1.htm">目次</a>
<a class="SUBMOKUJI" href="page2.htm">サブ目次</a>
</div>

次のようにしても駄目です。

#mokuji a:link{
color:#000000;
}

#mokuji a.SUBMOKUJI:link{
color:#00ff00;
}

どうしたらよいのでしょうか？

通報する

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

質問の本文を隠す

回答 (1件)

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

No.1ベストアンサー

回答者： Joh_Taka
回答日時：2004/08/17 12:53

CSSのセレクタはクラスだけにして、リンク元の文字列にそれぞれ適用されれば良いのですよね？

以下は <a> ～ </a> タグの間に <span> タグにCSSのクラス属性を付加して記述した例です。

リンクに文字色を適用しただけでは、リンク済みの下線には色を適用できないので、CSS定義にも text-decoration: underline を付加しています。

<html>
<head>
<title></title>
<style type="text/css">

</style>
</head>
<body>
<a href="page1.htm"><span class="mokuji">目次</span></a>
<a href="page2.htm"><span class="submokuji">サブ目次</span></a>
</body>
</html>