伪类

目前,所有的选择器都是基于文档树内的元素的。但是,有的时候您希望设置一些无法使用选择器的样式,例如超链接。

伪类能够使您规范一些不在文档树中定义的项目。它们包括:

设置链接样式

使用伪类,您就可以为超链接的四个不同的状态定义样式。

a:link 是对于普通链接的选择器
a:visited 是对于已访问过的链接的选择器
a:hover 是鼠标停放在链接上的选择器
a:active 是当鼠标点击链接时的选择器

由于这些特殊性,这些选择器有的时候会在样式上产生冲突。对于这个,链接和链接伪类选择器应该按照这样一种顺序使用:

a {}
a:link {}
a:visited {}
a:hover {}
a:active {}

所有的常用的属性都能够在以上四种状态中被使用。您也可以按照需要合并这些状态,只要顺序上仍然保持一致就可以了:

a:link, a:visited { color: blue; }
a:hover, a:active { color: red; }

当您为链接的状态设置样式的时候您需要意识到修改标准链接的行为(例如下划线)可能会导致一些人感到迷惑,他们可能不会识别不带下划线的超链接。

标准兼容浏览器能够很好地支持超链接的伪类。然而,Windows Internet Explorer 5, 5.5 and 6并支持其他元素的伪类。

更多信息

Pseudo elements »

其他的Max Design 文章和演讲
相关链接 webstandardsgroup.org