如何在CSS中添加文本到标签

Question

我需要一种智能方法来为标签标签之间的文字添加红色星号。 有没有办法拦截内容并添加一些额外的文字？如有必要，我可以在此标签中添加一个类。 我必须在CSS中做到这一点。

例如：

<label> Name and surname </label>
<input type="text" required name="NameSurname">

应该是： 姓名*****

Answer 1

使用伪选择器（label[required]）选择所需的所有标签，然后在（content: "*";）元素的内容之后添加内容（::after）。

label[required]::after {
  content: "*";
  color: red;
}

<label required>Required</label><br>
<label>Not required</label>

Answer 2

label::after {
  content: "*";
  color: red;
}