css - Chrome 和 Firefox 之间的链接颜色不同

Question

在 Firefox 中，我的网站将“打开”一词显示为蓝色，但在 Chrome 中显示为某种灰色。

Firefox 计算风格

#content a:link #0645AD 
style.css?ver=1.2 (line 15)
a   #444444  (crossed out)
style.css (line 424)
body    #444444 (colored greY)
style.php?ver=1.2 (line 1)

Chrome 计算样式

#content a:hover - #4E8B4E (only item not crossed out)
#content a:link - #0645AD .sticky-title, p.trigger.active a, span.current, .themecolor, a:hover, .tag-links a:hover, .excerpt, .unitedthemes a:hover, .copyright a:hover, .entry-meta a:hover, .entry-meta-single-post a:hover, #footer a:hover, #footer .lambda_widget_twitter a, #footer .lambda_widget_recent_comments a,
#sidebar .lambda_widget_twitter a, #sidebar a:hover, .widget_recent_comments a, .lambda_widget_recent_comments a - #80B600 a - #444444 a:-webkit-any-link - -webkit-link user agent stylesheet body - #444444

谁能解释一下为什么会这样？

更新:现在有一个解决方案，所以网站 (http://125.7.123.252/) 链接现在是蓝色的

Answer 1

我不确定这是否是您想要的，但请确保更具体的 CSS 选择器(您想要的)写在您不想要的更通用的规则下方(不仅在同一个 .css 文档中，而且如果您使用多个 .css 文件，则链接到您希望在其他 .css 样式表下方或“之后”优先使用的文件。

也可能是链接已经被访问过的问题。

试试这个

#content a:link, #content a:visited { color:#0645AD }

不仅仅是

#content a {color: #0645AD}