使用CSS更改link元素中的文本

Question

抱歉，我是新手，正在学习(很慢!)

我正试图让StyleBot改变我正在查看的网页链接中的文本，但没有权限编辑。

我想把文字从"等待批准"改为";到"正在进行的工作"。

页面生成的HTML:

<li><a href="/Approval/Search.aspx?jobStatus=STATUS/SUBMITTED">
Awaiting Approval
<span>
(13)
</span></a></li>

我用条件选择器尝试了一堆东西，但一定错过了一些东西。如有任何帮助，不胜感激。

谢谢。

Answer 1

这就是你想要做的吗?

a {
font-size: 0;
text-decoration: none;
}
a:before {
content: 'Work in Progress ';
}
a span,
a:before {
font-size: 1rem;
}

<ul>
<li>
<a href="/Approval/Search.aspx?jobStatus=STATUS/SUBMITTED">
Awaiting Approval
<span>
(13)
</span>
</a>
</li>
</ul>