伪元素选择器

(1):before选择器

:before伪元素选择器用于在被选元素的内容前面插入内容,必须配合content属性来指定要插入的具体内容。
语法格式

  1. <元素>:before
  2. {
  3. content:文字/url();
  4. }

4.3伪元素选择器 - 图1
4.3伪元素选择器 - 图2

(2)after选择器

:after伪元素选择器用于在某个元素之后插入一些内容,使用方法与:before选择器相同。

<元素>:after
{
content:文字/url();
}