按状态选择连接元素

CSS容许根据连接的当前状态对它们进行格式化。连接的状态包括访问者是否将鼠标停留在连接上,连接是否被访问过 ,等等。能够经过一系列伪类实现这一特性。spa

a:link指针

设置从未被激活或指向,当前也没有被激活或指向的连接的外code

 1 a:link {color: red;} orm

新的、未访问的连接显示为红色。blog

a:visitedit

以设置访问者已激活过的连接的外观。form

 1 a:visited {color: orange;} class

访问过的链接变为橙色。transform

a:focustop

前提是连接是经过键盘选择并已准备好激活的(注意 :若是连接处于活跃状态也会得到焦点)

 1 a:focus {color: purple;} 

连接得到焦点(如经过Tab键)时显示为紫色。

a:hover

以设置光标指向连接时链接的外观

 1 a:hover {color: green;} 

当访问者将鼠标指针停留在连接上时,它显示为绿色。

a:active

以设置激活过的连接的外

 1 a:active {color: blue;} 

当访问者激活连接时,它变为蓝色。

*************************************************************

提示:

也能够对其余类型的元素使用:active:hover伪类。

例如,设置p:hover { color: red; }之后,鼠标停留在任何段落上

段落都会显示为红色。

*************************************************************

*************************************************************

提示:

因为连接可能同时处于多种状态(如同时处于激活和鼠标停留状态),

晚出现的规则会覆盖前面出现的规则,因此,必定要按照下面的顺

序定义规则linkvisitedfocushoveractive(缩写为LVFHA

有人提议使用LVHFA的顺序,这也是可行的。

*************************************************************

相关文章
相关标签/搜索