4、伪元素选择器

所谓伪元素,是针对CSS中已经定义好的伪元素使用的选择器。CSS中常用的伪元素选择器有 before 伪元素选择器和 :after 伪元素选择器。

4.1 :before 选择器

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

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

4.4 伪元素选择器 - 图1
4.4 伪元素选择器 - 图2
在前面加上三个哈字:
4.4 伪元素选择器 - 图3
4.4 伪元素选择器 - 图4

4.2 :after 选择器

:after 伪元素选择器用于在某个元素后边插入一些内容(当前内部后),使用方法与 :before 选择器相同。
4.4 伪元素选择器 - 图5
4.4 伪元素选择器 - 图6