CSS伪元素

CSS伪元素

伪元素本质上是一个元素，只是它一般需要依附在一个已有元素上，作为这个元素的"部分"或"补充"

1."first-line" 伪元素用于向文本的首行设置特殊样式。

2."first-letter" 伪元素用于向文本的首字母设置特殊样式。

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

　　相当于在内容前面添加了一个span，被作用的元素为父级

4.":after" 伪元素可以在元素的内容之后插入新内容。

       相当于在内容后面添加了一个span，被作用的元素为父级

 

 before或after是通过content属性添加的，有以下四种形式：

1."string"字符串内容会直接显示在页面中

2.attr()它可以调用当前元素的属性进行显示

3.url用于引用图片

4.conunter调用计数器 （详解：https://www.cnblogs.com/xiaofenguo/p/6074143.html）