ベストアンサー

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

2004/08/17 11:59

「目次」と「サブ目次」のスタイルを分けたいのですが、次のようにクラスを作って、 <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; } どうしたらよいのでしょうか？

goonejp
お礼率49% (224/453)

HTML
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

Joh_Taka
ベストアンサー率76% (222/292)

2004/08/17 12:53 回答No.1

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>

質問者