html - 使用 css 更改 html 标记的 href

Question

我需要将这个 A 标签从

<a href="contact.html" >Contact</a>

至

<a href="tel:+13174562564" >Contact</a>

如果可能或像这样，只有 Css

<a href="tel:+13174562564" >+13174562564</a>

我有很多页面，我不想编辑所有页面，这将花费我一生的时间，这就是为什么我需要在 CSS 中进行，并且我没有链接到它们的 JS

Answer 1

CSS 仅用于显示，您不能使用它修改文档对象模型。抱歉，这无法完成。我希望我有一个更好的答案，但“做不到”是唯一的答案。

Answer 2

CSS 用于演示，不能用于以您想要的方式修改 HTML 标记。为此，您需要 JavaScript。

它应该是一个相当短的脚本。

Answer 3

一种解决方案是隐藏标签并放置另一个

<div id="tag1">
<a href="#tag1">link1</a>
<a href="#tag2">link2</a>
</div>

CSS：

a[href="#tag1"] {
display:block;
}

a[href="#tag2"] {
display:none;
}

#tag1:target  a[href="#tag1"]{
 display:none;
}

#tag1:target  a[href="#tag2"]{
 display:block;
}

我使用这种方法来响应菜单栏的“按钮”