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

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

• 使用:empty伪类选择没有文本的链接。
• 使用:not伪类排除带有文本的链接。
• 使用content属性和attr()函数在::before伪元素中显示链接URL。

<a href="https://30secondsofcode.org"></a>

a[href^="http"]:empty::before {
  content: attr(href);
}