CSS content添加对应链接的图标实例页面

代码：

CSS代码：

p a[href $=".pdf"]:after {
    content:url(../image/icon_pdf.png);
}
p a[rel = "external"]:after {
    content:url(../image/icon_link.png);
}

HTML代码：

<p>您可以查看此PDF文件：<a href="/sample.pdf">web站点的性能优化.pdf</a>，或是在线查看，<a href="/wordpress/" rel="external">点击这里</a>。</p>

效果：

您可以查看此PDF文件：web站点的性能优化.pdf，或是在线查看，点击这里。