最近在看《精通CSS-高级Web标准解决方案》，发现有些笔记是必须记下的，以备不时之需~

我们在浏览网站的过程中，不会刻意地去观察要点击的链接是指向本站点上的另一个页面，还是指向另一个站点。或许我们都有过这样的经历：单击一个链接，期望浏览器转到当前站点上的另一个页面，但是不经意间却点击的这个链接却指向了其他站点。

当然，为了避免这么做也有有效的解决方法，例如采取在新窗口中打开链接。今天要说的是另外种解决方法。比如说，我们能够让外部链接看上去和本站的链接不太一样，为此，我们可以在外部链接旁边加上一个小图标，让他与众不同~

实现这种效果最容易的方法只要在所有的外部链接上加上一个类，然后将图标作为背景图像应用。这个方法可以实现我们想要的效果，但是如果页面多了，那将变得非常繁琐。（因为我们必须要有足够的耐心去在每个外部链接上添加类）。除此之外，我们可以利用属性选择器让CSS判断链接是否是外部链接。

点击我先看Demo

经过测试，可以发现除了IE6以外的其他主流浏览器都可以完美支持。下面来分析下网页源码。 阅读全文