css 不影响 chrome 中的链接

Question

我正在尝试更改链接的颜色。它默认为蓝色，我想覆盖它。我做了以下事情:

#site-links a:link{color:red;}

在 Chrome 的 Inspect Element 中，这种样式覆盖了所有其他样式。但是，链接仍然是蓝色的。然而，在 Firefox 中，链接现在是红色的。我该如何解决这个问题？

Answer 1

:link 专门针对您未访问过的链接。我将继续并假设您已经在 chrome 中访问过它。您可以根据需要针对每种情况进行修复:

a:link    { color: red; }      /* unvisited link  */
a:visited { color: blue; }     /* visited link    */
a:hover   { color: green; }    /* mouse over link */
a:active  { color: yellow; }   /* selected link   */