CSS伪对象：修订间差异
（新页面: ==after== 语法：Selector : after { sRules } <br> 说明：用来和 content 属性一起使用，设置在对象后(依据对象树的逻辑结构)发生的内容。 <br> 示例：tab...） |
无编辑摘要 |
||
| （未显示2个用户的2个中间版本） | |||
| 第1行： | 第1行： | ||
<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== | ==after== | ||
语法：Selector : after { sRules } <br> | 语法：Selector : after { sRules } <br> | ||
| 第25行： | 第28行： | ||
说明：用来和 content 属性一起使用，设置在对象前(依据对象树的逻辑结构)发生的内容。 <br> | 说明：用来和 content 属性一起使用，设置在对象前(依据对象树的逻辑结构)发生的内容。 <br> | ||
示例：em:before { content: url("ding.wav"); } <br> | 示例：em:before { content: url("ding.wav"); } <br> | ||
[[category:CSS学习教程]] | |||
2009年8月13日 (四) 14:59的最新版本
导航: 上一页 | ASP | PHP | JSP | HTML | CSS | XHTML | aJAX | Ruby | JAVA | XML | Python | ColdFusion
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"); }