css2的特性—:after 和:before

css的一些成员被叫做伪元素,它们是:first-line,first-letter,:before和:after元素


(1)first-line:向文本的首行元素添加样式。只能应用于块级元素。

如:p:first-line{

color:#fefefe;

}


(2)first-letter:向文本的首字母设置样式。同样只能应用于块级元素。


(3) :before 伪元素和 :after 伪元素。它们来自CSS2的属性。

 :before 伪元素可以在元素的内容前面插入新内容。

 :after  伪元素可以在元素的内容后面插入新内容。


在最初,伪元素的语法是使用“:”(一个冒号),随着web的发展,在CSS3中修订后的伪元素使用“::”(两个冒号),也就是::before 和 ::after—以区分伪元素和伪类(比如:hover,:active等)


:before将会在内容之前“添加”一个元素,而:after将会在内容后“添加”一个元素。在它们之中添加内容我们可以使用content属性。但是这些元素实际上并不在文档中生成。它们将在外部可见,但是你将不会在文档的源代码中找到它们,因此,实际上它们是“虚假”的元素。默认生成的元素是一个内联元素,于是当我们想要指定它们的高度和宽度时候,我们首先不得不使用display: block把它们声明为块级元素。但若设置了float就无需设置display: block了。


参考:http://www.igooda.cn/jzjl/20131009384.html


你可能感兴趣的:(CSS)