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; }之后,鼠标停留在任何段落上
段落都会显示为红色。
*************************************************************
*************************************************************
提示:
因为连接可能同时处于多种状态(如同时处于激活和鼠标停留状态),
且晚出现的规则会覆盖前面出现的规则,因此,必定要按照下面的顺
序定义规则:link、visited、focus、hover、active(缩写为LVFHA)。
有人提议使用LVHFA的顺序,这也是可行的。
*************************************************************