css - Chrome 中冲突的 css 样式

Question

Chrome 在显示我的 css 样式时出现问题:水平导航应该有灰色背景和文本颜色为黑色，但在 Chrome 上为栗色，文本为白色。在 I.E 9 上工作正常但在 Chrome 上不行。第二个导航的样式看起来没问题。如何解决这些冲突的样式。这是我的代码笔: http://cdpn.io/uCgyF

Answer 1

在你的头上加个小刀

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

相应地将 id 添加到 ul 和样式，如 this fiddle

<ul id="firstNav">

  nav #firstNav  a:link,a:visited{
    color: black;
    background-color:grey;
    display: block;
  }