为没有文本的链接添加样式

显示没有文本的链接的链接URL。

  • 使用:empty伪类选择没有文本的链接。
  • 使用:not伪类排除带有文本的链接。
  • 使用content属性和attr()函数在::before伪元素中显示链接URL。
<a href="https://30secondsofcode.org"></a>
a[href^="http"]:empty::before {
  content: attr(href);
}