我可以仅使用 CSS 更改 HTML 链接的引用吗?

发布于 2024-11-15 14:14:02 字数 180 浏览 3 评论 0原文

目前我的网站上有各种链接。然而,其中一些将在某些时候被停用。我想知道是否可以仅使用 CSS(无 JavaScript 或类似内容)更改链接的 href 属性。最好是使用 CSS 2 或 1 的解决方案,但如果选项仅存在于 CSS 3 中,那么也可以。

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

I have various a links in my website currently. However, some of them will be deactivated at certain points. I was wondering if I can change the href attribute of an a link using ONLY CSS (no JavaScript or anything similar). Preferably a solution using CSS 2 or 1, but if an option exists only in CSS 3 then that's fine too.

Note that I know that there are many, many ways of doing this. I just want to know if there's a CSS trick for it.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

暮色兮凉城 2024-11-22 14:14:02

不,这不是 CSS 的用途。 CSS 代表层叠样式表。更改目标URL与页面的样式无关。

正如你所说,对于这类事情还有很多其他选择。 JavaScript(或 jQuery)将是最好的解决方案。

No. This is not what CSS is for. CSS stands for Cascading Style Sheets. Change the target URL is nothing to do with the style of the page.

As you say, there are many other options for this sort of thing. JavaScript (or jQuery) would be the best solution for this.

牵你的手,一向走下去 2024-11-22 14:14:02

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

No - CSS is only for applying styles to elements, not changing the way they work.

近箐 2024-11-22 14:14:02

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

You can't do this with CSS - there is no "hidden trick".

清眉祭 2024-11-22 14:14:02

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}

...这只是概念验证,您可能需要在某处添加一些逻辑决定何时交换“live-link”和“dead-link”的显示值。

CSS3 has selector that act on attributes, e.g. "href", but support in earlier versions of CSS is sketchy.

On top of that you couldn't directly disable the link, but you could try doing a rope-a-dope:

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}

...That's just proof-of-concept though, chances are you'd need some logic somewhere to decide when the display values for "live-link" and "dead-link" are swapped.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文