CSS : Visited Selector
例
訪問したリンクを選択してスタイルを設定します。
a:visited
{
color: pink;
}
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
セレクターは、:visited
訪問したリンクを選択するために使用されます。
ヒント::linkセレクターを使用して未訪問のページへのリンクのスタイルを設定し、: hoverセレクターを使用してマウスを重ねたときにリンクのスタイルを設定し、 :activeセレクターを使用してリンクをクリックしたときにスタイルを設定します。
ブラウザは、セキュリティの問題により、a:visitedリンクに設定できるスタイルを制限します。
許可されるスタイルは次のとおりです。
- 色
- 背景色
- border-color(および個別の辺のborder-color)
- アウトラインカラー
- 列-ルール-色
- 塗りと線のカラー部分
他のすべてのスタイルはa:linkから継承されます。
バージョン: | CSS1 |
---|
ブラウザのサポート
表の数字は、セレクターを完全にサポートする最初のブラウザーのバージョンを示しています。
Selector | |||||
---|---|---|---|---|---|
:visited | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS構文
:visited {
css declarations;
}
その他の例
例
未訪問、訪問済み、ホバー、アクティブなリンクを選択してスタイルを設定します。
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
例
さまざまなスタイルのスタイルリンク:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
関連ページ
CSSチュートリアル:CSSリンク
CSSチュートリアル:CSS疑似クラス