（一）:before选择器

用于在被选元素的内容前面插入内容，必须配合content属性来指定要插入的具体内容。其基本语法格式为：

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

在上述语法中，被选元素位于“:before”之前，“{}”中的content属性用来指定要插入的具体内容，改内容既可以为文本也可以为图片

p:before{
    content:"wo";
    color:red;
}
<p>a</p>        //在a之前加上wo而且wo是红色的

（二）:after选择器

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

p:before{
    content:url(img/tu.jpg);
}
<p>a</p>        //在a之后添加上了一张图片