【CSS】实现必填项前添加红色星号

在前端实现表单验证的过程中，有些必填项需要加星号提醒，怎样实现呢，下面介绍两种方法实现。
1 . 常规写法

<label><span style="color:red;">* </span>爱焰 : </label>
<input type="text" value=""/>

2 . CSS写法(更简洁方便 , 而且便于统一调整样式)

<style>
    label.xrequired:before {
        content: '* ';
        color: red;
    }
</style>
<label class="xrequired">爱焰 : </label>
<input type="text" value=""/>