css - 纯 CSS 添加链接 :before content

Question

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

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

或者

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

我知道不能在content 声明中写HTML。但是有什么办法可以解决这个问题吗？

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

Answer 1

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

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

除此之外，我认为这是不可能的，即使用户关闭 JavaScript，HTML 标签仍然可以工作。

希望这对您有所帮助。