我正在尝试更改链接的颜色。它默认为蓝色,我想覆盖它。我做了以下事情:
#site-links a:link{color:red;}
并且在Chrome的Inspect Element中,这种风格超越了所有其他风格。但是,这种联系仍然是蓝色的。但是,在Firefox中,链接现在是红色的。 我该如何解决这个问题?
答案 0 :(得分:2)
:link
专门针对您未访问过的链接。我将继续并假设您已经访问过它。您可以根据需要定位每个案例来修复它:
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 */
答案 1 :(得分:0)
为您的规则提供更高优先级的一种方法是在其中说明重要内容。
a:link { color: red ! important }
此外,在Chrome检查器中,为了更好地控制正在发生的事情,您可以强制检查元素的状态
在元素检查器中,转到右窗格中“样式”栏的顶部。有一个选项说明:
“切换元素状态”
您可以选中/取消选中:已访问状态