如何用css替换文本

我需要替换的文本是：“我是工匠”

它出现在以下代码中：

<ul class="nav nav-tabs" role="tablist">
    <li class="nav-item">
        <a class="nav-link active" href="#craftsman_gateway" role="tab" data-toggle="tab" aria-expanded="true">I'm Craftsman</a>
    </li>
   
   

以下代码为

<ul class="nav nav-tabs" role="tablist">
    <li class="nav-item">
        <a class="nav-link active" href="#craftsman_gateway" role="tab" data-toggle="tab" aria-expanded="true">I'm Craftsman</a>
    </li>

---

只需更改“我是工匠”即可。

可以使用CSS使其看起来像元素中有文本一样。实际上，您所做的是在之前或之后创建一个伪元素，您可以以有限的方式对其进行样式设置，而且对于本练习来说，重要的是，您可以包含内容

请看这个例子，它有一个li元素，以通常的方式在锚元素中包含文本，还有一个将文本作为伪元素中的内容。（我给了这个li元素一个id，这样我就可以将它与原来的元素区分开来——您可以使用一个类作为例子）

请特别注意，撇号（单引号）是一个特殊字符，必须在内容设置中使用反斜杠进行转义。我想这是介绍这个额外的事情的一部分。

#使用css:：before{
内容：“我是工匠”；
}

我想问题是如何使用CSS来显示短语。这似乎有点轻率。你的问题不清楚，也不明确。你能澄清一下吗？