今さらですが、いつも使うくせにいつも忘れてしまうリンクカラー複数設定。
毎回毎回、『あれ、なんだっけ？』と言って調べているので、ここら辺で残す事に。
以下がHTMLコード
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>リンクカラー</title>
<meta http-equiv="Content-Style-Type" content="text/css">
ここがリンクカラーのスタイル
<style TYPE="text/css">
<!--
a.red:link { color: red; }
a.yellow:link { color: yellow; }
a.green:link { color: green; }
-->
</style>
</head>
<body>
<a class="red" href="top.html">赤文字リンク</a>
<a class="yellow" href="home.html">黄文字リンク</a>
<a class="green" href="nikki.html">緑文字リンク</a>
</body>
</html>
こう書くと
こう表示される。
要はクラスでカラー設定を増殖させて、実際のリンクにクラス属性を付与。
非常に簡単なんだけど、なぜかいつも忘れてしまう。
でもこれで大丈夫。
