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

Question

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

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

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

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

Answer 1

没有必要。定义要定义的那些。允许级联正常工作，以满足您的需求。

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

作为一些旁白...

• 定义:focus通常也是个好主意。
• 大多数人希望:hover效果适用于访问过的和未访问过的链接，因此:hover应该在源代码中:link和:visited之后显示（您可能不希望这样，但大多数人都这样做）
• 通常点击即可激活链接。您不能在不悬停的情况下点击链接。您几乎肯定会在:active和:hover之后定义:focus。

Answer 2

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