导航链接随机更改颜色

Question

我为客户端构建了一个导航列表，并且他们选择使用[Oswald]（）字体。

现在，当用户在链接上滚动时，导航箭头将弹出到指示哪个链接当前点击的一侧，在悬停时它不应变为橙色。我已经完全删除了任何javascript和字体，仍然无法解决问题。

这是问题的一个屏幕截图http://cl.ly/043a0q0o0Q392q2m1k20

我的CSS（SASS）如下：

#leftnav { 

     width: 205px; 
     float: left; 

     ul { 

      li { 
       border: 1px solid #fff; 
       border-top: 0px; 
       background: #cc5816; 
       padding: 3px 10px; 
       @include gradient($top_color: #d86c07, $bottom_color: #bb5e06); 

       a { 
        position: relative; 
        font-family: $main_bold_font; 
        font-size: 16pt; 
        color: #fff; 
        text-decoration: none; 
        text-shadow: $text_shadow; 
       } 

       a:hover { @extend a; } 

       a:visited { @extend a; } 

      } 

     } 

    } 

什么想法？

Answer 1

我不知道是否可以解决问题。但是，作为stated here，我建议改变：hover和：visited的顺序：visited和：hover。也许它有助于分析编译的CSS。