CSS-选择器15-:before与:after

CSS选择器-系列文章

1、:before和:after伪元素

:before和:after,用于在修饰元素的内部最前端插入一个元素，或者最后段插入一个元素。

2、常见的应用

2.1 内容生成

源代码：

    
    
    


    
这个一个p元素
    
这个一个p元素
    
这个一个p元素
    
这个一个p元素
    
这个一个p元素

运行效果：
红色的双引号，是通过伪元素生成的。

内容生成

2.2 清除浮动的影响

源代码：

运行效果:

清楚浮动

2.3 让大小不固定图片垂直居中

源代码：
素材图片一张：

bg.png

    
    
    


    

         ![](bg.png)
    

运行效果：

image.png

CSS选择器-系列文章