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

时间:2012-10-02 00:42:49

标签: css cross-browser

在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/)链接现在是蓝色

1 个答案:

答案 0 :(得分:2)

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

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

试试这个

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

而不仅仅是

#content a {color: #0645AD}