Twitter bootstrap 引导导航栏元素仅在镀铬中保持灰色

解决：这个问题来自CSS的特殊性。Bootstrap的CSS由Chrome根据我菜单的选择器来判断，而不是Firefox和Safari。我很惊讶浏览器之间仍然存在这样的差异

我还感到惊讶的是：

.nav. navbar-nav .navbar-right li a:link

被判断为不那么具体：

.navbar-default .navbar-nav > li > a

因为第二个只有两个班，第一个有三个班

有什么想法吗

几个月前我建立了这个网站：www.olivierfatzer.ch

现在我刚刚在菜单中添加了这个“360°”元素。我希望它能像其他元素一样保持白色，但由于某种原因，在Chrome中，当我点击它一次时，它会永远保持灰色。即使我重新启动Chrome，菜单元素仍然是灰色的

我真的不明白，因为这个菜单元素实际上只是它旁边菜单元素的一个副本/过去

这在Firefox/safari中不会发生

有一个jquery脚本，在向下滚动时添加一个类，在向上滚动时删除该类，以更改向下滚动时菜单的外观

Chrome的版本是MacOSX 10.7.5上的45.0.2454.101（64位）

我认为现在的情况是Chrome忽略了这个元素的CSS，而只是应用了bootstrap的默认样式。但我不明白为什么只是为了这个元素

下面是代码，尽管我不太确定问题来自哪里：

$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>10）{
$（'.navbar固定顶部'）.addClass（'navbarWhite'，300）；
$（'navbar right li a:link'）.addClass（'navbar-right-Noir'，400）；
$（'.navbar-brand'）.addClass（'navbar-brand-scroll'，400）；
}否则{
$（'.navbar fixed top'）.removeClass（'navbarWhite'，200）；
$（'.navbar right li a:link'）.removeClass（'navbar-right-Noir'）；
$（'.navbar-brand'）.removeClass（'navbar-brand-scroll'）；
}
});
.navbar右侧li a:link{
颜色：rgba（255255,0.5）；
}
.navbar右侧li a:链接：悬停{
颜色：白色；
}
.导航栏右侧李a:链接：焦点{
颜色：rgba（255255,0.5）；
}
.navbar右黑色{
颜色：#505050！重要；
}
.导航栏右黑色：悬停{
颜色：#b21212！重要；
}







什么版本的Chrome，因为它在当前的Chrome、Firefox、IE和Opera版本中看起来是一样的，也就是说它不会像你的图像中那样变灰。你还没有真正说明预期的行为是什么，如何，等等，或者发布了与这种行为相关的代码。谢谢你的回答。我编辑了这篇文章。我不确定你是否收到通知，所以我给你写了这条评论。如果没有必要，请告诉我。Chrome的哪个版本，因为它在当前的Chrome、Firefox、IE和Opera版本中看起来是一样的，也就是说它不像你的图像中那样变灰了。你还没有真正说明预期的行为是什么，如何，等等，或者发布了与这种行为相关的代码。谢谢你的回答。我编辑了这篇文章。我不确定你是否收到通知，所以我给你写了这条评论。如果没有必要，请告诉我。