网站CSS中的四个伪元素
作者：佚名 时间：2014-03-11
网站CSS中的四个伪元素
文档中有些基本关系不能明确地用标签加以解释。“首字下沉（drop-cap）”是一种普通的打印样式，但是如何在段落中选择第一个字母呢？有一些方法，但你必须去分别识别每种情况。而且段落的首行没有标签。很多情况都需要浏览器自动生成内容，例如添加前缀“Item#”以及为有序列表的每一项自动编号等。
CSS2引进了四个新的伪元素，可以用它们为显示定义特殊的关系和样式（：first-line、:first-letter、:before和：after）。我们要将每个伪元素声明为一个用冒号隔开的标准标记元素后缀。例如：
p:first-line {font-size: 200%; font-style: italic;}
这行代码表示浏览器应该以斜体显示每一段的第一行，而且其大小为其他文本的两倍。同样：
p:first-letter {font-size: 200%; float: left;}
这行代码告诉浏览器该段第一个字母的大小为其他正文的两倍，而且要把该字母靠左放置，并使这一段的头两行围绕这个大一些的字母排列。
使用首字母伪元素来选择标签内容中文本的首字母
:before和:after伪元素使用户能够识别在文档的什么位置插入生成的内容，例如列表编号和特殊的引导标题等。因此，这些伪元素是与CSS2内容和计数（count）属性一丐使用的。为了激发起读者的兴趣，请考虑下面的示例：
ol (counter-reset: item)
ol li:before {content: "item #" counter(item) " ";
counter-increment: item}
现在的版本的浏览器器基本都支持CSS这四个伪元素。
如没特殊注明，文章均为上海联楷网络原创,转载请注明来自：http://www.linksj.com/contact/20151229/n7327.html
