html - 什么是正确的方法？ CSS 链接伪类

Question

我刚找到这个:

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!

Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!

Note: Pseudo-class names are not case-sensitive.

这是否意味着这是不正确？

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

a:hover {
color: #2089CC;
text-decoration: underline;
}

遗憾的是来源是: http://www.w3schools.com/css/css_pseudo_classes.asp

如果你不知道为什么“悲伤”，请访问http://w3fools.com

Answer 1

如有疑问，请转到 specs .这是规范的摘录。

Note that the A:hover must be placed after the A:link and A:visited rules, since otherwise the cascading rules will hide the 'color' property of the A:hover rule

你说的是对的

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

a:hover {
   color: #2089CC;
   text-decoration: underline;
}

这就是为什么 this作品。

以下是不正确的。

a:hover {
   color: #2089CC;
   text-decoration: underline;
}

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

这就是为什么 this不起作用。