在 CSS 中插入 href.可能

Question

我在css中有来自大图像的小图像。我希望他们每个人都有不同的链接，我想知道是否有任何选项可以插入它。谢谢

.PP-3000469 .BL {
background-position:-375px -192px
}

这是我的 html 内容：

<span class="provider"><div class="PP-3000271"><span class="BL"></span></div></span>

例如，当我单击时，如何获取此类中的内容将我带到 www.google.com

Answer 1

没有

办法用css做到这一点。但是这里有一种方法可以用JavaScript来做到这一点(不需要jQuery(：

var classElts=document.getElementsByClassName('PP-3000469');
for(var i=classElts.length;i>0;i--){
    classElts[i].setAttribute('href','http://example.com/');
}

Answer 2

你可以

用jQuery做到这一点。假设您将文件包含在 HTML 文件中，

$(".PP-3000469 .BL").attr("href", "url");

Answer 3

像@markasoftware我建议使用JavaScript

var classElts=document.getElementsByClassName('PP-3000469');
for(var i=classElts.length;i>0;i--){
classElts[i].setAttribute('href','http://example.com/');
}

没有办法只使用 css，因为 css 只是样式。