超级链接样式--伪类

今天用到了超链接样式，虽然一直在用，但是每次都记不住，都需要去查资料，今天把它写下来，以备不时之需。

Css超链接样式的各属性的顺序不能颠倒，这个顺序非常重要。css中关于超链接的四个属性一般正常顺序为：link，visited，hover，active，即
a:link        链接平常的状态
a:visited    链接被访问过之后
a:hover     鼠标放到链接上的时候
a:active     链接被按下的时候

 

以下为点过链接后，链接字体变为红色：

a:link { color:#dd3409;text-decoration:none; font-size:13px; }/* 超链接的样式 */
a:visited { color:#9f301d;text-decoration:none; }
a:visited:hover { color:#9f301d;text-decoration:underline; }
a:hover { color:#dd3409;text-decoration:underline; }
a:active { color:#ff3300;text-decoration:underline; }

 

伪类：

 

语法：

Selector : link { sRules }

说明：

设置 a 对象在未被访问前的样式。
默认值由浏览器决定。
对于无 href 属性(特性)的 a 对象，此伪类不发生作用。

示例：

a:link { font-size: 14pt; text-decoration: underline; color: blue; }

语法：

Selector : visited { sRules }

说明：

设置 a 对象在其链接地址已被访问过时的样式。
对于无 href 属性(特性)的 a 对象，此伪类不发生作用。
 

示例：

a:visited { font-size: 14pt; text-decoration: underline; color: blue; }

语法：

Selector : hover { sRules }

说明：

设置对象在其鼠标悬停时的样式。
在CSS1中此伪类仅可用于 a 对象。对于无 href 属性(特性)的 a 对象，此伪类不发生作用。
在CSS2中此伪类可以应用于任何对象。

示例：

a:hover { font-size: 14pt; text-decoration: underline; color: blue; }
a:hover span{ color:red; }

语法：

Selector : active { sRules }

说明：

设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。
在CSS1中此伪类仅可用于 a 对象。对于无 href 属性(特性)的 a 对象，此伪类不发生作用。
在CSS2中此伪类可以应用于任何对象。
并且 :active 可以和 :link 以及 :visited 状态同时发生。

示例：

a:active { font-size: 14pt; text-decoration: underline; color: blue; }