添加指向伪元素的链接

Question

我想知道是否有办法将链接添加到伪元素。我认为它适用于内容：url()，但它不是

    content: url('https://google.com');
    width: 100px;
    height: 100px;
}

Answer 1

当我搜索它时，似乎通过标准方式是不可能的。 但是您可以通过一些变通方法来实现这一点。这是我能想到的解决方案：

<div class="clickable-pseudo">
  <a href="-- your desired  url --" target="_blank"></a>
</div>

div.clickable-pseudo::after{
  content: "";
  width: 30px;
  height: 30px;
  background-color: indianred;
  display: block;
  position: relative;
}

a{
  position: absolute;
  top:0px;
  left: 0px;
  width: 30px;
  height: 30px;
  display: block;
  z-index: 10;
}

上面的代码只是简单地将锚标记放在伪元素上。