javascript - 如何更改 html 页面中每次出现的特定字符的颜色？ (例如 '*' )

Question

例如，我不想在我的 html 页面中每次出现“*”之前都使用字体标签和颜色属性，而是想简单地使用一些代码行来使它们变红。

<div class="col-md-1" align="right">Area * </div>
       <div class="col-md-4">
          <select class="form-control" id="area" name="area">
               <option>--Select--</option>
          </select>
       </div>
   </div>
    <br>
    <div class="row">
        <div class="col-md-2"><p id="desc_error" class="text-danger"></p></div>
        <label class="col-md-2">Description *</label>
        <div class="col-md-5">
            <textarea id="desc" class="form-control" name="desc" rows="10" cols="10s" style="resize: none"
          data-toggle="popover" data-trigger="focus" data-placement="right" data-content="To get more relevant responses provide additional details like prerequisites, qualification details and all other needs that you want."></textarea>
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-md-2"><p id="exp_error" class="text-danger"></p> </div>
        <label class="col-md-2">Job Expires in *</label>
    </div>

Answer 1

如果使用 CSS，我会采用这种方法:

<div><span>Area</span></div>


 div > span:after {
    content: "*";
    color: red;
 }