我如何可視化地指出哪些鏈接是我網站的外部鏈接？

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這將使用屬性「開頭，以」選擇，任何有一個href="http...."將這一規則得到樣式。我看到的唯一選擇是讓你的外部（或內部，或者一個）在渲染時鏈接一個類，或者通過javascript執行相同的操作。

Answer 2

如果您對IE6用戶被排除在外，您可以使用here中的第4項。 否則，我會去手動添加一個類到外部鏈接或使用jQuery（或其他，getElementsByTagName）和測試如果href包含「http：//」。如果是這樣，我會爲這些元素添加一個類。當然，如果你願意使用javascript，這隻會是可以接受的。