::before和::after的区别

`::before`和`::after`是CSS的伪元素选择器，它们可以用来在元素的前面或后面插入内容。

区别在于：

- `::before`会在元素的内容之前插入内容，而`::after`会在元素的内容之后插入内容。
- `::before`和`::after`默认是行内元素，可以通过CSS的`display`属性改变它们的显示方式。
- `::before`和`::after`可以使用`content`属性来定义插入的内容，但是必须设置`content`属性才能生效。

例如，下面的CSS代码会在所有`<p>`元素之前插入一个带有文本的元素：

p::before {
  content: "这是插入的文本";
}

注意，`::before`和`::after`只是插入内容的方式，它们并不会在DOM结构中创建新的元素。