伪元素选择器

伪元素选择器可以帮助我们利用 CSS 创建新标签元素，而不需要 HTML 标签，简化 HTML 结构。

::before 可以在元素内部的前面插入内容
::after 可以在元素内部的后面插入内容

• before 和 after 创建的元素属于行内元素
• 新创建的元素在文档树中是找不到的，我们称之为 伪元素
• before 和 after 必须有 content 属性
• 伪元素选择器和标签选择器一样，权重为 1

伪元素选择器可以用来清除浮动：

.clearfix::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}