用不同的颜色定义每个链接状态伪类是否很好？答案

【问题标题】：Is it good to define every link state pseudo-class with different colors?用不同的颜色定义每个链接状态伪类是否很好？
【发布时间】：2010-02-12 15:23:52
【问题描述】：

我们应该总是使用所有这些具有不同颜色的伪选择器吗？

a:link { color: blue }
a:active { color: white;}
a:hover { color: white;}
a:visited {color:green;}

基本上我们为主要内容区域中的链接定义这些，但问题是它也覆盖了所有侧边栏链接、导航链接等，如果导航有不同的颜色，我们需要再次为导航链接创建定义方案？

更新： 另一个问题是，如果我们决定使用 all 那么如何决定活动、悬停和访问的颜色，因为客户和设计师从不为所有人提供颜色。他们只提供链接的颜色

【问题讨论】：

【解决方案1】：

没有必要。定义你想要定义的那些。如果您对此感到高兴，请允许级联正常工作。

在您描述的情况下，听起来您对这种情况不感到高兴。因此，您应该为每种情况下的状态定义样式。

顺便说一句……

通常最好也定义:focus。
大多数人希望:hover 效果应用于已访问和未访问的链接，因此:hover 应出现在源中的:link 和:visited 之后（您可能不希望这样，但大多数人会这样做）
链接通常通过单击来激活。如果不将鼠标悬停，您将无法单击链接。您几乎肯定应该在:hover 和:focus 之后定义:active。

【讨论】：

我认为最好只为#main-content {....} 定义。和 :focus 在 IE 中不起作用，因此 IE 用户将无法获得焦点样式
我没有方便测试，但如果 IE8 缺乏对:focus 的支持，我会感到非常惊讶。没有理由不花一点时间为大多数主流浏览器支持的东西添加支持（即使不包括 IE）——如果不支持，用户也不会更糟。
是的，你是对的，我只是在说 IE。是不是意思，我就不加了:focus

【解决方案2】：

关于您的导航问题，在大多数情况下，我会尽量避免为您网站上的相同元素（在本例中为 a）定义不同的配色方案/行为。

【讨论】：