Javascript 有没有一种方法可以使用CSS将html元素转换为链接？

有没有一种方法可以使用CSS将html元素转换为链接

例如：

我有一个DIV元素，它有标题和段落，我想让整个元素和子元素成为一个可点击的链接，而不需要修改带有href标记的HTMLDOM

<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>

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

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

但由于我在WordPress网站工作，我不想让JQUERY参与进来，因为让它正常工作看起来确实是PIA

---

注意：我所说的站点是。我需要所有这些六边形都有一个可点击的链接，将用户带到产品页面。

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

我认为您有3种变体：
1） 将a href链接与

display:block

style

2） 使用jquery
我并不认为使用Jquery有什么问题，
如果您与jquery和其他js库（如mootools）存在冲突，
您可以使用

NoConflict

方法

---

3） 使用纯javascript-类似于jquery

为什么不使用香草javascript

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

---

太棒了！简单美观的解决方案。此方法是否与旧浏览器存在任何兼容性问题，或者用户是否在其计算机中安装了Java以便此方法正常工作？

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