CSS伪元素first-line的使用方法

减小字体

增大字体作者：本站来源：本站原创发布时间：2012-05-05 08:05:23

CSS伪元素是CSS选择符的一部分，由于其不是CSS真正的元素，就称之为伪元素。在特殊情况下，可以实现不错的效果。

first-line伪元素，用于匹配一个段落的第一行的样式可以应用在first-line中的属性包括：font，color，background，word-spacing，letter-spacing，text-decoration，vertical-align，text-transform，line-height。

first-line伪元素只可以和块类元素（div、p）连用

first-line这个伪元素可以支持IE6,IE7,IE8,IE9,FF,CH,OP,SA浏览器。

下面是一个例子：

p:first-line { background:#CCC; color:#333; }

这个伪元素设置段落的第一行背景色为#CCC，字体颜色为#333.

下面是一个完整的例子：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="CSS 伪元素 first-line" /> <meta name="description" content="这里演示了CSS伪元素first-line的使用。" /> <title>CSS伪元素first-line的使用—翔宇亭IT乐园</title> <style> p:first-line { background:#CCC; color:#333; } </style> </head> <body> <p>翔宇亭IT乐园（http://www.biye5u.com/）致力于向各位网友提供最精彩的IT技术文章，网站以“在这里，学会电脑”为建站宗旨，以“学习、共享、愉悦”为基本理念。目前，本网站主要开通4个频道：IT知识库、休闲娱乐、翔宇问吧和下载中心。希望能以最好的内容以飨大家。</p> </body> </html>