编辑“CSS伪对象”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[CSS学习教程#CSS学习教程|上一页]] | {{template:开发语言导航}}</span>
<div style="clear:both;"></div>

==after==
语法：Selector : after { sRules }  <br>
说明：用来和 content 属性一起使用，设置在对象后(依据对象树的逻辑结构)发生的内容。 <br>
示例：table:after { content: END OF TABLE } <br>
==first-letter==
语法：Selector : first-letter { sRules } <br>
说明：<br>
设置对象内的第一个字符的样式。<br>
此伪对象仅作用于块对象。内联要素要使用该属性，必须先设定对象的 height 或 width 属性，或者设定 position 属性为 absolute ，或者设定 display 属性为 block 。<br>
在此伪对象中配合使用 font-size 属性和 float 属性可以制作首字下沉效果。 <br>
示例：<br>
p a:first-letter { color: green }<br>
div:first-letter { color:red;font-size:16px;float:left; } <br>
==first-line==
语法：Selector : first-line { sRules } <br>
说明：<br>
设置对象内的第一行的样式。<br>
此伪对象仅作用于块对象。内联要素要使用该属性，必须先设定对象的 height 或 width 属性，或者设定 position 属性为 absolute ，或者设定 display 属性为 block 。<br>
如果未强制指定对象的 width 属性， 首行的内容长度可能不是固定的。 <br>
示例：<br>
p a:first-line { color: green }<br>
div:first-line { color:red;font-size:16px; } <br>
==before==
语法：Selector : before { sRules } <br>
说明：用来和 content 属性一起使用，设置在对象前(依据对象树的逻辑结构)发生的内容。 <br>
示例：em:before { content: url("ding.wav"); } <br>

[[category:CSS学习教程]]