伪元素::before和::after

有时候我们的页面里面有不少其他网站的名字，而且还要求网站名后面还要有网站的链接，类似这样：百度（http://www.baidu.com）。
这个时候如果网站多的话写起来就很麻烦了

<a href="http://www.baidu.com">百度</a>

a[href^=http]::after{content: '(' attr(href) ')';}

用这样一个伪类就能把刚刚上面写的  “百度”  变成  “百度(http://www.baidu.com)”；

现在在css3中使用"::after"和"::before"越来越多见，例如给链接添加ICON的效果。