HTML / CSS - href不一致

Question

请参阅我的页面http://vault-x.com/v3/contact.html

Contact me via email: hello[at]vault-x.com 

Follow Vault-X on Twitter

这两个链接应该具有相同的链接样式，顶部是正确的，但底部不是。

为什么会发生这种情况？

Answer 1

默认情况下，它们具有相同的样式。但是，如果您访问一个然后返回此页面，他们的风格将会有所不同。您需要确保为：

设置样式

a:visited { /* ... */ }

你似乎也在写旧样式：

a:link, a:visited, a:active {
  color: #663300;
  text-decoration: none;
}

/* ... */

a.menu:link, a:visited, a:active {
  color: #999;
  text-decoration: none;
}

也许在底部的选择器集上，您需要a.menu:link, a.menu:visited, a.menu:active而不是在第一个选择器之后删除.menu类。