是否可以在css中添加指向图像的链接？

Question

我无法更改 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*/}

Answer 1

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

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

此外，如果您知道src图像及其相应链接的价值，您可以再次使用 JQuery 以此为基础重定向用户。

希望它有帮助:)