伪元素选择器(重点)#
伪元素选择器可以利用css创建新标签元素，而不需要HTML标签，从而简化HTML结构。
| 选择符 | 简介 |
|---|---|
| ::before | 在元素内部的前面插入内容 |
| ::after | 在元素内部的后面插入内容 |
注意：
- before 和 after 创建一个元素，但是属于行内元素
- 新创建的这个元素在文档树中是找不到的，所以称为 伪元素
- 语法：element::before{}
- before和after必须有 content属性
- before在父元素内容的前面创建元素，after在父元素后面插入元素
- 伪元素选择器 和 标签选择器 一样，权重为1
是
伪元素选择器使用场景1：伪元素字体图标#
伪元素选择器使用场景2：仿土豆效果#
伪元素选择器使用场景3：伪元素清除浮动#
-
额外标签法，也称隔墙法
在最后一个浮动的盒子后面添加一个空盒子，要求这个新的空标签必须是块级元素
结构比样式重要 ，不建议使用该方法
- 父级添加overflow属性
- 父级添加after伪元素
- 父级添加双伪元素
后面两种伪元素清除浮动算是第一种额外标签法的一个升级和优化