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只是造型。

在CSS中插入href。可能？

3 个答案: