css 这个 attr(href) 是什么用法?

这段代码,别的我都懂,就这个attr(href) 是怎么回事,
我知道jQuery 有这个方法,但是也不是这么用的!
是个什么用法?有个什么讲究?
其实我是想通过这个 attr(href) 学到一些其他作用..

就是学了
document.getElementById(" ")
之后,
搜资料知道了
document.getElementsByTagName(" ")[0]
document.getElementsByTagClassName(" ")[0]


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
a:after {content: " (" attr(href) ")";} /*★★★★★★这里的是 attr(href) 是什么意思?*/
</style>
</head>

<body>
<p><a href="http://www.w3cschool.cc">这个到底是啥?</a> contains free tutorials and references.</p>
<p><a href="http://www.wwwwwww.cc">大家好!!</a> contains free tutorials and references.</p>
<p><b>Note:</b> IE8 supports the content property only if a !DOCTYPE is specified.</p>
</body>
</html>

css