更多"Try it Yourself"下面的例子。
定義和用法
的:主動選擇用於選擇和樣式活動鏈接。
當你點擊一個鏈接激活。
提示::活性選擇器可以在所有的元素,不僅連結使用。
Tip:使用:鏈接選擇樣式鏈接未訪問過的頁面, :訪問選擇的款式鏈接訪問的網頁,以及:懸停選擇器鏈接樣式,當你對他們的鼠標。
Note: :active必須出現在:懸停(if present)在CSS定義,以便有效!
版: | CSS1 |
---|
瀏覽器支持
在表中的數字指定完全支持選擇第一瀏覽器的版本。
選擇 | |||||
---|---|---|---|---|---|
:active | 4 | 7 | 2.0 | 3.1 | 9.6 |
注意:IE8和更新版本支持:上的所有元素活躍的選擇。 IE7只支持:上的鏈接活躍選擇。
CSS語法
:active {
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偽類