このフィドルに保存されているページを作成しました(元のフィドルリンク)。
ここでは、、、、のlink
場合link
の色を設定しましactive
た。しかし、最初の後で、Firefoxでページをロードするときはいつでも、それは常にすなわちピンクの色を示します。初めて表示される黄色、つまり色をリセットするにはどうすればよいですか?visited
hover
visited
link
また、青い色、つまりの色active
が来ているかどうかを確認するにはどうすればよいですか?
あなたが持っている
A:visited {text-decoration: none;color: pink;}
したがって、訪問したリンクはすべてピンク色になります。それらを黄色にリセットする場合は、その行を次のように変更する必要があります。
A:visited {text-decoration: none;color: yellow;}
これで、リンクを使用して初めてアクセスしたように見えます。
これが私が時間をかけて学んだことです:aとa:visitedは常に同じでなければなりません。a:hoverとa:activeは常に同じである必要があります。
次に、リンクをクリックしてマウスボタンを押したままにすることで、:activeの色を確認できます。リンクをマウスダウンしますが、ボタンを離さないでください。あなたはそれがあなたのアクティブな色に変わるのを見るでしょう。
永続的な(つまり、ページの読み込みごとに保持される)変更は必要ないため、本当に必要なのはセレクターではなく、:focus
疑似セレクターだ:visited
と思います。この場合、変更が必要です。リンクをマウスでクリックしている間のみ機能します。:active
見る:
A:focus {
text-decoration: line-through;
color: pink;
}
そして、最初のリンクをクリックします。:focus
あなたはそれが疑似セレクターを取るのを見るでしょう。
ここでは、効果が少しわかりやすくなっています。