层叠样式表/超链接
外观
< 层叠样式表
a 选择器匹配超链接。它有四个常用的伪类:link、visited、hover 和 active。使用这些伪类的规则应该按照此顺序给出,以便动态效果优先于已访问/未访问状态。以下示例将显示一个黑色链接,当鼠标悬停在其上时变为绿色,当处于活动状态(鼠标按下时)时变为粉色。
a:link
{ color:black; background:gray }
a:visited
{ color:black; background:red }
a:hover
{ color:green }
a:active
{ color:pink }
当鼠标悬停在未访问链接上时,a:link 选择器和 a:hover 选择器都会匹配。由于 hover 规则最后出现,因此它的 color 声明优先于 link 规则的 color 声明。由于 hover 规则没有更改 background 属性,因此结果是灰色背景上的绿色文本。
:link 和 :visited 伪类只能与 a 选择器一起使用。CSS2.1 允许 :hover 和 :active 伪类与其他元素一起使用。但是,Internet Explorer 仅允许在锚元素上使用 :hover。