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做到这一点。

当您在这个问题上标记了jquery时，我想您只是想得到一个解决方案。

您可以使用以下方法做到这一点：

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

尽管在我今天看到的疯狂想法列表中，通过其alt标签选择事物还是在顶部。

Answer 2

CSS仅用于告诉html它应该如何显示。除content外，您完全无法使用CSS修改html。

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

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

希望它会有所帮助：）

是否可以在CSS中添加指向图片的链接？

2 个答案: