是否可以在css中添加指向图像的链接？ [复制]答案

【问题标题】：Is it possible to add links to images in css? [duplicate]是否可以在css中添加指向图像的链接？ [复制]
【发布时间】：2019-12-02 17:03:50
【问题描述】：

我无法更改 html，所以可以在 css 中执行 (a href="") 之类的操作吗？

我看到我可以使用 jQuery 来做，但是每张幻灯片没有任何特定的类，只是一个通用类：

<div class="slick-slider draggable">
    <div class="slick-slider">
        <figure class="slick-slide-inner"><img class="slick-slide-image" alt="PLANOS"></figure>
    </div>
    <div class="slick-slider">...</div>
    <div class="slick-slider">...</div>
    <div class="slick-slider">...</div>
    <div class="slick-slider">...</div>
    <div class="slick-slider">...</div>
    <div class="slick-slider">...</div>
</div>

是否可以这样做：

figure.slick-slide-inner[alt="PLANOS"]{
    /*and command to add link*/
}

【问题讨论】：

我认为这不是同一个问题。
这对我来说似乎是完全相同的问题。您的问题有何不同？
javascript 和 jQuery 肯定可以做到这一点。我不认为 css 可以。
css 是一种样式语言：它不能改变页面的结构
在那篇文章中，porpuse 是添加一个指向 css 提供的图像的链接。我的问题与我认为的相反，我在 html 中有图像，并且想知道是否可以通过 css 将链接添加到另一个页面，因为我无法更改 html。

标签： javascript jquery html css

【解决方案1】：

不，正如每个人都说你不能用纯 css 做到这一点。

正如你在这个问题上标记了 jquery，我想你只是想得到一个解决方案。

你可以这样做：

$(function(){
    $(".slick-slide-image[alt='PLANOS']").wrap('<a href="https://www.example.com/"></a>');
});

虽然，在我今天看到的疯狂想法列表中，通过alt 标签选择事物位于顶部。

【讨论】：

我是初学者，甚至不知道我可以在 css 中使用 alt，但我没有看到任何其他选择它们的方法。谢谢，就是这样的。
@Chimelin 通常你会给你的元素一个你可以使用的唯一 ID。因为替代文本只是一个硬编码的消息，它可以包含随机信息，而且这个文本是可选的，通常不会以任何其他方式使用，然后向盲人解释图像。因为图像的替代文本用于文本到语音。

【解决方案2】：

CSS 只是告诉 html 它应该如何显示。除了content，您根本无法使用 CSS 修改 html。

我建议你用 JQuery 编写脚本。如果您知道图像的顺序并知道它们的链接并且顺序不会改变，您可以随时修改它。

另外，如果您知道图像的src 值及其对应的链接，您可以再次使用 JQuery 来基于此重定向用户。

希望对你有帮助:)

【讨论】：