如何直观地指出哪些链接在我的网站外部？

Question

用css可以直观地指出哪些链接指向另一个站点吗？

Answer 1

如果CSS3是一个选项（这不包括IE6）你可以用不同的方式设置外部链接的样式，只要你的行是相对的而不是绝对的，我的意思是你的链接看起来像这样：

<a href="/dir/page.htm">My Page</a>
//and external...
<a href="http://www.google.com">External</a>

然后您可以使用CSS3 attribute selectors对外部链接进行不同的设置，如下所示：

a { color: blue; } /* Internal links */
a[href^=http] { color: red; } /* External Links */

You can see an example of this working here这使用属性“starts-with”选择器，任何具有href="http...."的内容都将使用此规则进行样式设置。我看到的唯一选择是在渲染时给你的外部（或内部，任一个）链接一个类，或者通过javascript做同样的事情。

Answer 2

如果您对IE6用户被拒之门外，您可以使用here中的第4点。 否则，我会使用jQuery（或其他任何，getElementsByTagName）手动将类添加到外部链接或，并测试href是否包含“http：//”。如果是这样，我会为这些元素添加一个类。当然，只有你愿意使用javascript才能接受。