:has()CSS 伪类代表一个元素，其给定的选择器参数（相对于该元素的 :scope）至少匹配一个元素。+号代表只会匹配紧跟着当前元素的元素。

现在可以通过:has 在必填项的前面加上红色的星号

label:has(+input:required)::before {
  content: "*";
  color: red;
}

这个应该还比较好理解，通过:has 和+可以选中满足条件的 label，然后再生成:before 伪元素。如果是在以前，可能需要手动添加类名，或者改变 html 的书写顺序

<label>姓名</label>
<input required/>
<label>电话号码</label>
<input required/>