纯CSS添加链接：在内容之前

Question

是否可以使用纯css创建可点击链接，特别是伪元素？也许是这样的：

body:before{
  content: url(/images/makeALinkOutOfMe.png);
  link: '/imYourLink';
}

或者

body:before{
  content: 'make a link out of me';
  link: '/imYourLink';
}

我知道无法在HTML声明中写content。但有没有办法解决这个问题？

如果用户决定关闭JavaScript，我想使用纯CSS。

Answer 1

我不确定这是否正是您正在寻找的内容，但您可以在打印的网页中显示链接的网址。

@media print {
  a[href]:after {
    content: " (" attr(href) ") ";
  }
}

除此之外，我认为不可能，如果用户关闭JavaScript，HTML标记仍然有效。

希望这有帮助。