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

Question

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

例如:

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

应该是:姓名和姓氏*****

Answer 1

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

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

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