スタイルシート上でリンク文字色の設定

質問

○スタイルシート
iro { font-size: 18; }
iro:link { text-decoration:none;color:赤; }
iro:visited { text-decoration:none;color:青; }
iro:hover { color:黄 }
iro:active { text-decoration:none;color:緑; }

○本文
<p id="iro">
　<a href="abc.html">リンク</a>　　　　　　　　　　
</p>

すごく基本的な質問です。
スタイルシート上でリンク文字の色を設定したいのですが、さっぱりわかりません。
上のコマンドではうまくいかないことは確認済みなんですが、一応書いてみました。
ちなみに赤、青といった色指定の部分は、簡単になるように「#～」ではなくああいう風に書いています。
めんどうでしたら、色指定の部分は空白でかまいません。
正しい書き方を教えてもらえないでしょうか。

回答No.1

auty · ベストアンサー

・　id="iro" の中にある<a>タグを指定するときは、以下の様にしてみてください。

#iro {
font-size: 18px;
}

#iro a:link {
text-decoration: none;
color: red;
}

#iro a:visited {
text-decoration: none;
color: blue;
}

#iro a:hover {
color: yellow
}

#iro a:active {
text-decoration: none;
color: green;
}

お礼

早速の回答大変ありがとうございます。
おかげさまでうまく変更することができました。