伪元素before和after

伪元素before和after是CSS中的两个特殊的伪元素，它们可以在元素的内容前或内容后插入一些内容。

- before：在元素内容前插入内容，使用::before或:before表示。
- after：在元素内容后插入内容，使用::after或:after表示。

使用伪元素before和after可以实现一些特殊的效果，比如在文本前面或后面添加特殊符号、图标等。同时也可以通过CSS属性来控制插入的内容的样式、位置等。

示例代码：

p::before {
  content: "→ ";
  color: red;
}

p::after {
  content: " ←";
  color: blue;
}

上述代码会在所有的p元素内容前插入一个红色的箭头，同时在内容后插入一个蓝色的箭头。

注意：伪元素before和after只能用于有内容的元素，比如div、p、span等，不能用于空元素，比如img、input等。