CSS 不会影响 Chrome 中的链接

Question

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

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

在Chrome的检查元素中，这是覆盖所有其他样式的样式。但是，链接仍然是蓝色的。然而，在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   */

Answer 2

赋予规则更高优先级的一种方法是在其中说明重要性。

a:link { color: red ! important }

另外，在 Chrome检查器 ，为了更好地控制正在发生的事情，您可以强制检查元素的状态

在元素检查器中，转到右侧窗格中"样式"栏的顶部。有一个选项指出：

"切换元素状态"

在那里，您可以检查/取消选中：已访问状态