使用css更改html标记的href

Question

我需要更改此A标签

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

至

<a href="tel:[phone]" >Contact</a>

只有Css才有可能或者像这样

<a href="tel:[phone]" >[phone]</a>

我有很多页面，我不想编辑所有这些，这将需要一生的时间，这就是为什么我需要在CSS中做到这一点，我没有JS链接到他们

Answer 1

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

Answer 2

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

它应该是一个fairly short script.

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;
}

我将此方法用于菜单栏的响应“按钮”