0

我为客户建立了一个导航列表，他们选择使用 [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; }

            }

        }

    }

有任何想法吗？

4

1 回答 1

1

我不确定这是否能解决问题。但是，如此处所述，我建议将 :hover 和 :visited 的顺序更改为 :visited 和 :hover。也许它有助于分析编译的 css。

于 2012-04-19T13:42:59.457 回答