我无法更改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*/
}
答案 0 :(得分:1)
不,因为每个人都说您不能使用纯CSS做到这一点。
当您在这个问题上标记了jquery时,我想您只是想得到一个解决方案。
您可以使用以下方法做到这一点:
$(function(){
$(".slick-slide-image[alt='PLANOS']").wrap('<a href="https://www.example.com/"></a>');
});
尽管在我今天看到的疯狂想法列表中,通过其alt
标签选择事物还是在顶部。
答案 1 :(得分:0)
CSS仅用于告诉html它应该如何显示。除content
外,您完全无法使用CSS修改html。
我建议您在JQuery中编写脚本。如果您知道图像的顺序并知道它们的链接并且顺序不会改变,则可以随时对其进行修改。
此外,如果您知道图像的src
及其对应链接的值,则可以再次使用JQuery来基于该值重定向用户。
希望它会有所帮助:)