伪元素选择器before和after

伪元素选择器before和after可以用来在一个元素的前面或后面插入内容。其中before表示在元素的前面插入内容，after表示在元素的后面插入内容。这些内容是通过CSS的content属性来定义的。

例如，以下CSS代码会在所有h1元素前面插入一个"#"号：

h1:before {
  content: "#";
}

类似地，以下CSS代码会在所有a元素后面插入一个图标：

a:after {
  content: url("icon.png");
}

需要注意的是，伪元素选择器before和after只能用于部分元素，如块级元素、一些表单元素、以及一些常见的内联元素（如a、span等）。同时，它们也不能用于替换元素，如img、input等。

相关问题

伪元素选择器 before 和after的含义

伪元素选择器before和after是指在HTML文档中没有实际存在的元素，它们允许开发者向文档中插入额外的内容，而不影响文档的布局和样式。before选择器允许开发者在元素的前面插入内容，而after选择器允许开发者在元素的后面插入内容。