css中怎么给伪元素加内容

在CSS中，我们可以使用伪元素来给标签添加额外的内容，比如添加一些特殊的图标或者文字等。而在给伪元素添加内容时，就需要使用到content属性。

 content: "添加的文本"; 

其中，content属性是用来指定添加的内容，可以是文本，也可以是一些特殊的字符编码。下面我们就来看看具体该怎样添加不同类型的内容。

1. 添加文本

 .example::after {
  content: "文字内容";
} 

这个例子中，我们给具有example类名的标签的后面添加了一段文字内容。同样的，我们也可以使用:before伪元素来给标签前面添加文本。

2. 添加特殊字符

 .example::before {
  content: "2764";
} 

这个例子中，我们在具有example类名的标签前面添加了一个爱心符号。这里的2764就是对应的符号编码。

3. 添加图片

 .example::before {
  content: url("image.jpg");
} 

这个例子中，我们在具有example类名的标签前面添加了一张图片。使用content属性添加图片时，我们需要将内容设为url("图片地址")，就可以显示指定地址的图片了。

除了以上三种，我们还可以在content属性中添加变量、函数等等，市面上也有很多针对content属性的特殊用法和技巧。在实际使用中，我们可以根据需求自行调整，灵活运用。