css href属性使用内容

Question

我不确定它是如何工作的。我知道它会选择href属性，但为什么会使用内容

再次添加它

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

Answer 1

它所做的就是在链接中的文本后面的括号中显示你的href属性：

考虑以下链接

<a href="test-link.html">this is a test</a>

此链接中的常用文字为

this is a test

但是应用了你的风格，它将是

this is a test (test-link.html)

Example