CSS :link Selector
例
未訪問のリンクを選択してスタイルを設定します。
a:link
{
background-color: yellow;
}
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
:link
セレクターは、未訪問のリンクを選択するために使用されます。
注:: linkセレクターは、既にアクセスしたリンクのスタイルを設定しません。
ヒント:訪問したページへのリンクのスタイルを設定 するには:visitedセレクターを使用し、マウスオーバーしたときにリンクのスタイルを 設定するには:hoverセレクターを使用し、クリックしたときにリンクのスタイルを設定するには:activeセレクターを使用します。
バージョン: | CSS1 |
---|
ブラウザのサポート
表の数字は、セレクターを完全にサポートする最初のブラウザーのバージョンを示しています。
Selector | |||||
---|---|---|---|---|---|
:link | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS構文
:link {
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疑似クラス