使用CSS更改链接元素中的文本

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>

​