リンクと疑似クラス
擬似クラス(:)
ハイパーリンクであるa要素(anchor)のスタイルの定義には、
疑似クラスと呼ばれる特殊なクラスが用いられます。
a { color: pink }
a:link { color: red }
a:visited { color: blue }
a:active { color: lime }
a:hover { background: #ffa }
普通のクラスに似ていますが、「.」ではなく「:」であるところが異なります。
疑似クラスはHTMLのソースには現れず、Webブラウザが動的に参照する特別なクラスです。
また、疑似クラスは通常のクラスと同時に指定することができます。
a.myclass:visited などとなります。
クラス(.)の擬似クラス(:)
a.クラス名 { color: pink; text-decoration:underline; }
a.クラス名:link { color: red; text-decoration:underline; }
a.クラス名:visited { color: blue; text-decoration:underline; }
a.クラス名:active { color: lime; text-decoration:underline; }
a.クラス名:hover { background: #ffa; text-decoration:underline; }