使 CSS class 的所有元素充当 link

Question

我正在使用 Squarespace 制作双语网站。

导航栏中的公司徽标是通过Squarespace 面板设置的。我设法通过将以下代码插入 header:

来覆盖默认的英文徽标

<style> h1.logo { content: url("url_of_french_logo");} </style>

这可以将徽标从英文更改为法文，但是它会丢失 hyperlink 回到主页（即它只是一张图片，不可点击）。

有没有办法让这个link进入法语主页？它是页面上此 class (h1.logo) 的唯一项目。

PS - 我无权访问源代码。我所能做的就是将代码添加到 header，或页面上的某处（作为代码块）。

Answer 1

您可以根据 h1.logo 查询添加事件侦听器，并使用函数

location.href = URL

URL 作为您的理想目的地，应该看起来像这样“http://google.com”

希望对您有所帮助:)

var logo = document.querySelectorAll('h1.logo');
logo[0].addEventListener("click", function() {
  location.href = URL;
})

<h1 class="logo">Click me</h1>

Make all elements of a CSS class act as a link