打印本文 打印本文 关闭窗口 关闭窗口
用CSS伪类Pseudo-Classes来设置超级链接
作者:武汉SEO闵涛  文章来源:敏韬网  点击数1021  更新时间:2009/6/9 2:30:21  文章录入:mintao  责任编辑:mintao

一:link

语法:
 
Selector : link { sRules }
 
说明:
 
设置a对象在未被访问前的样式表属性。
IE3将:link伪类的样式表属性作用于visited伪类。
默认值由浏览器决定。
对于无href属性(特性)的a对象,此伪类不发生作用。 
 
示例:
 
a:link { font-size: 14pt; text-decoration: underline; color: blue; }

二:hover

语法:
 
Selector : hover { sRules }
 
说明:
 
设置对象在其鼠标悬停时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。  
 
示例:
 
a:hover { font-size: 14pt; text-decoration: underline; color: blue; }
a:hover span{ color:red; }

三:active

语法:
 
Selector : active { sRules }
 
说明:
 
设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。并且:active状态可以和:link以及:visited状态同时发生。  
 
示例:
 
a:active { font-size: 14pt; text-decoration: underline; color: blue; }

四:visited

语法:
 
Selector : visited { sRules }
 
说明:
 
设置a对象在其链接地址已被访问过时的样式表属性。
IE3将:link伪类的样式表属性作用于visited伪类。
默认值由浏览器决定。定义网页过期时间或用户清空历史记录将影响此伪类的作用。
对于无href属性(特性)的a对象,此伪类不发生作用。  
 
示例:
 
a:visited { font-size: 14pt; text-decoration: underline; color: blue; }

五:focus

语法:
 
Selector : focus { sRules }
 
说明:
 
设置对象在成为输入焦点(该对象的onfocus事件发生)时的样式表属性。  
 
示例:
 
a:focus { font-size: 14pt; text-decoration: underline; color: blue; }
a:focus img { border: thin solid green }

打印本文 打印本文 关闭窗口 关闭窗口