CSS学习(18)--伪类

:link                             版本：CSS1　 兼容性：IE4+ NS4+

语法：
 
Selector : link { sRules }
 
说明：
 
设置a对象在未被访问前的样式表属性。
IE3将:link伪类的样式表属性作用于visited伪类。
默认值由浏览器决定。
对于无href属性（特性）的a对象，此伪类不发生作用。 
 
示例： 

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

:hover                         版本：CSS1/CSS2　 兼容性：IE4+ NS4+

语法：
 
Selector : hover { sRules }
 
说明：
 
设置对象在其鼠标悬停时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无href属性（特性）的a对象，此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。
目前IE5.5+仅支持CSS1中的:hover。
 
示例： 

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

:active                         版本：CSS1/CSS2　 兼容性：IE4+

语法：
 
Selector : active { sRules }
 
说明：
 
设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无href属性（特性）的a对象，此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。并且:active状态可以和:link以及:visited状态同时发生。
目前IE5.5+仅支持CSS1中的:active。
 
示例： 

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

:visited                         版本：CSS1　 兼容性：IE4+ NS4+
 
语法：
 
Selector : visited { sRules }
 
说明：
 
设置a对象在其链接地址已被访问过时的样式表属性。
IE3将:link伪类的样式表属性作用于visited伪类。
默认值由浏览器决定。定义网页过期时间或用户清空历史记录将影响此伪类的作用。
对于无href属性（特性）的a对象，此伪类不发生作用。 
 
示例： 

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

:first-letter                 版本：CSS2　 兼容性：IE5.5+

语法：
 
Selector : first-letter { sRules }
 
说明：
 
设置对象内的第一个字符的样式表属性。
此伪对象仅作用于块对象。内联对象要使用该伪对象，必须先设定对象的height或width属性，或者设定position属性为absolute，或者设定display属性为block。
在此伪类中配合使用font-size属性和float属性可以制作首字下沉效果。
 
示例： 

1 p a:first-letter { color: green }
2 div:first-letter { color:red;font-size:16px;float:left; } 

:first-line                    版本：CSS2　 兼容性：IE5.5+

语法：
 
Selector : first-line { sRules }
 
说明：
 
设置对象内的第一行的样式表属性。
此伪对象仅作用于块对象。内联对象要使用该伪对象，必须先设定对象的height或width属性，或者设定position属性为absolute，或者设定display属性为block。
如果未强制指定对象的width属性， 首行的内容长度可能不是固定的。
 
示例： 

1 p a:first-line { color: green }
2 div:first-line { color:red;font-size:16px; } 

:first                             版本：CSS2　 兼容性：IE4+

语法：
 
Selector : first { sRules }
 
说明：
 
设置页面容器第一页使用的样式表属性。仅用于@page规则。
 
示例： 

1 @page :first { margin: 4cm } 

:left                              版本：CSS2　 兼容性：IE4+
 
语法：
 
Selector : left { sRules }
 
说明：
 
设置页面容器位于装订线左边的所有页面使用的样式表属性。仅用于@page规则。
 
示例： 

1 @page :left { margin: 4cm } 

:right                         版本：CSS2　 兼容性：IE4+

语法：
 
Selector : right { sRules }
 
说明：
 
设置页面容器位于装订线右边的所有页面使用的样式表属性。仅用于@page规则。
 
示例： 

1 @page :right { margin: 4cm }