如果你想在HTML 标签TAG前面使用插入一段特殊样式的文本,这里有jQuery/Javascript、CSS等三种方式可以提供给你参考,CSS中我们可以使用伪类(:: first-letter)的方式去做的方法,jQuery/JavaScript中有方法$("选择器").html()可以实现!

示例:

<div class="myclass">A simple example...</div>
改变之后的文本:
<div class="myclass"><span>A</span> simple example ...</div>

CSS中我们可以使用伪类(:: first-letter)的方式去做的方法:

.myclass::first-letter {
  font-size: 2em;
  color: gold;
}
<div class="myclass">A simple example...</div>

JavaScript/jQuery方法:

$(".myclass").html((i, t) => `<span>${t.slice(0,1)}</span>${t.slice(1)}`);
<div class="myclass">A simple example...</div>
<script src="/jquery.min.js"></script>

在使用JavaScript/jQuery的方法的时候,记得一定要引用jQuery的库。$("选择器").html()是一种经常用到的jQuery方法,大家要留意记在心里哦!