JQuery和Bootstrap的麻烦！重要的SASS

2023-05-26 admin

我正在构建一个非常简单的Rails静态站点。我正在使用Bootstrap导航栏。Bootstrap链接的默认颜色是灰色，所以我在我的SASS文件中使用了这个来重置它：

nav {
    a {
        color: white  !important;
    } 
}

不是火箭科学。当我尝试使用JQuery覆盖该设置时，问题就出现了。我想链接变成一个蓝色的时候，人们悬停在它上面。这是我的JQuery：

$(document).on('turbolinks:load', function() {
$('a').hover(function(){
        $(this).animate({'color':'#00ddda !important'},400);
    },
    function(){
        $(this).animate({'color':'white !important'},400);
});
})

除非我从原始的SASS文件中删除!important语句，否则这是不起作用的。但是，如果我从SASS文件中删除!important语句，链接将显示为灰色。它在你悬停之后就能工作了，它会回到白色，但在开始的时候它们是灰色的，这不是我想要的。有人能帮帮忙吗？我不知道该怎么办。

转载请注明出处:http://www.xinruixiangtm.com/article/20230526/1923234.html