Html 添加字符：在<；a>；不包括在锚文本中

如何在链接之前添加字符而不将其作为可单击锚文本的一部分

类似HTML的：

<p>blah blah blah <a href="example.com">blah</a></p>

给出的结果类似于：诸如此类

---

期望的结果：诸如此类诸如此类，因为它们在同一个DOM树中，所以不能使用pseudo将它们分开

您可以使用范围并在其中使用内容：

<p>blah blah blah <span></span><a href="example.com">blah</a></p>

p span:before {content: "foo ";}

废话废话

p span:before{content:“foo”；}

/*CSS*/
.link:before{content:“foo”}

废话废话

您可以设置

指针事件：无

使其不可点击（使点击通过）：

a:before{
内容：“不”；
指针事件：无；
/*让它看起来“正常”*/
颜色：黑色；
}
a{
文字装饰：无；
}

---

您可以将其设置为不可单击的样式。光标：文本；颜色：黑色；之前和之后都是元素的孩子，所以如果没有一些邪恶的黑客，我倾向于说不；光标：文本；

<p>blah blah blah <span></span><a href="example.com">blah</a></p>

p span:before {content: "foo ";}