在打印模式下显示链接

当用户打印网页时，他们将看不到实际的链接。如果一个链接同时显示文本和它的链接，它会更有用。

我们可以通过在 :after 元素中包含链接来实现：

@media print {
  a::after {
    content: ' (' attr(href) ') ';
  }
}

在打印模式下，用户将看到包含在其内容之后的链接：

<!-- 正常模式-->
<a href="https://getfrontend.tips">Front-End Tips</a>
<!-- 打印模式-->
<a href="https://getfrontend.tips">Front-End Tips (https://getfrontend.tips)</a>