导航链接随机改变颜色

Question

我为客户建立了导航列表，他们选择使用[Oswald]（）font-face。

现在，当用户滚动链接时，导航箭头将弹出到指示当前单击哪个链接的一侧，在悬停时不应该变为橙色。我已经完全删除了任何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 to be：visited and：hover。也许它有助于分析编译的CSS。