Question

有没有办法使用CSS将html元素转换为链接？

示例：

我有一个带有标题和段落的DIV元素，我希望将带有子元素的整个元素作为可点击的链接，而无需使用href标签修改HTML dom。

<div id="link-selector">
  <h2>Hello World</h2>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
  </p>
</div>

CSS可能看起来像这样（假设有一个类似于此的命令）

#link-selector {
  make-link: true;
}

如果我要使用普通的HTML，CSS和JQUERY项目，我会使用JQ代码如下：

$("#back-to-top").click(function() {
    $('html, body').animate({
        scrollTop: $("body").offset().top
    }, 1000);
});

但是因为我使用WordPress网站，所以我不想让JQUERY参与其中，因为它看起来确实是PIA让它正常工作。

注意：我所说的网站是http://www.apc.fi/sivudata/kauppa/。我需要让所有这些六边形成为可点击的链接，将用户带到产品页面。

Answer 1

我不知道css中有这样的命令。

我想你有3个变种：
1）使用带有display:block样式的href链接

2）使用jquery
我真的没有看到使用Jquery的问题，
如果你与jquery和其他js-libraries（例如mootools）发生冲突你可以使用NoConflict方法
jQuery and MooTools Conflict

3）使用纯javascript - 类似于jquery

Answer 2

为什么不是香草javascript

<div id="link-selector" onClick="location.href='#anchor'">

有没有办法使用CSS将html元素转换为链接？

2 个答案: