如何在不改变其外观的情况下将我代码中的URL文本转换为链接？

Question

我想在不改变外观的情况下将文本URL转换成链接，但我在这里真的找不到如何做到这一点。

我试图放置<a>，但它要么将所有内容转换为链接，要么只隐藏目标URL的部分。

    <span class="token selector">.404 Error Page</span><span class="token punctuation">{</span>
      <span class="token property">background</span><span class="token punctuation">:</span><span class="token url"> url:("https://inesmathy.github.io/404-page/index.html")</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span>

这里是到代码的链接。

Answer 1

您需要将<span>转换为具有href的<a>，如下所示

<!-- From -->
<span class="token url">url("https://inesmathy.github.io/404-page/index.html")</span>

<!-- To -->
<a class="token url" href="https://inesmathy.github.io/404-page/index.html">url("https://inesmathy.github.io/404-page/index.html")</a>

工作实例演示