我可以仅使用 CSS 更改 HTML 链接的引用吗？答案

【问题标题】：Can I change the reference of an HTML link using only CSS?我可以仅使用 CSS 更改 HTML 链接的引用吗？
【发布时间】：2011-09-15 15:24:10
【问题描述】：

我的网站目前有各种链接。但是，其中一些将在某些时候停用。我想知道是否可以仅使用 CSS（没有 JavaScript 或类似的东西）更改链接的 href 属性。最好是使用 CSS 2 或 1 的解决方案，但如果选项仅存在于 CSS 3 中，那也没关系。

请注意，我知道有很多很多方法可以做到这一点。我只是想知道它是否有 CSS 技巧。

【问题讨论】：

标签： html css href

【解决方案1】：

没有。这不是 CSS 的用途。 CSS 代表层叠样式表。更改目标网址与页面样式无关。

正如你所说，这类事情还有很多其他选择。 JavaScript（或jQuery）将是最好的解决方案。

【讨论】：

【解决方案2】：

你不能用 CSS 做到这一点 - 没有“隐藏的技巧”。

【讨论】：

【解决方案3】：

否 - CSS 仅用于将样式应用于元素，而不是改变它们的工作方式。

【讨论】：

【解决方案4】：

CSS3 具有作用于属性的选择器，例如“href”，但在早期版本的 CSS 中的支持是粗略的。

除此之外，您无法直接禁用链接，但您可以尝试做一个绳索：

HTML：

<a href="my-page.html" class="live-link">Click here</a><a href="my-page.html" class="dead-link">Click here</a>

CSS3：

a[href='my-page.html'].live-link {display:hidden}
a[href='my-page.html'].dead-link {display:inline}

...不过，这只是概念验证，您可能需要一些逻辑来决定何时交换“实时链接”和“死链接”的显示值。

【讨论】：