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  }  

 

 

你可能感兴趣的:(css)