HTML の 4 つの状態 links_html/css_WEB-ITnose

リンク。この時点で、リンクはユーザーがクリックするのを待っています。
訪問しました。ユーザーは以前にこのリンクをクリックしました。
ホバーします。マウス ポインタがリンク上にあります。
アクティブ。リンクがクリックされています (マウスが要素上で押されて離されていない)

以下は、これらの状態に対応する 4 つの疑似クラス セレクターです (a セレクターといくつかの宣言例を使用):

a:link {color:black;}a:visited {color:gray;}a:hover {text-decoration:none;}a:active {color:red;}

注: このため、4 つの疑似クラスは同じ特異性を持ち (特異性についてはこの章で後述します)、ここにリストされている順序以外で使用すると、ブラウザーは予期した結果を表示しない可能性があります。覚えやすくするために、「LoVe? HA!」のように考えることをお勧めします。大文字は各疑似クラスの最初の文字です。