更多"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伪类