CSS伪对象常见用法介绍

手册/FAQ (578) 2015-08-08 17:02:55

伪类和伪对象是一种特殊的类和对象,它由css自动支持,属dss的一种扩展型类和对象,伪类和伪对象的名称不能被用户自定义。

 

使用时只能够按标准格式进行应用,CSS伪对象常见用法如下:

 

after

语法:Selector : after { sRules } 
说明:用来和 content 属性一起使用,设置在对象后(依据对象树的逻辑结构)发生的内容。 
示例:table:after { content: END OF TABLE } 

 

first-letter

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

 

first-line

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

 

before

语法:Selector : before { sRules } 
说明:用来和 content 属性一起使用,设置在对象前(依据对象树的逻辑结构)发生的内容。 
示例:em:before { content: url("ding.wav"); } 

THE END