Jquery 不适用于 li a

Question

我正在使用引导导航列表。在滚动时我想更改标签的颜色。 这是Jquery代码

$(window).scroll(function () { 
    var scroll = $(window).scrollTop();
    var os = $('#logo').offset().top;
    var ht = $('#logo').height();
    if (scroll > os + ht) { 
//Not working
$('#header .nav > li > a').css("color", "#333 !important");}  

}); 

HTML

<div id="logo-on-scroll" class="col-sm-2 col-xs-10">
                            <a href="">Some text</a>
</div>
 <div class="navbar-collapse collapse" id="mobilemenu">
                            <?php
                            wp_nav_menu(array(

                                'menu_class' => 'nav_menu nav navbar-nav',
                                'theme_location' => 'primary', 'Header menu'));
                            ?>
                        </div>

Answer 1

来自the jQuery docs on .css()：

注意：.css() 忽略 !important 声明。因此，$( "p" ).css( "color", "red !important" ) 语句不会将页面中所有段落的颜色变为红色。强烈建议改用类；否则使用 jQuery 插件。

我建议完全删除 !important，并依靠 .css() 分配的内联样式属性的高度特异性

$(window).scroll(function() {
  var scroll = $(window).scrollTop();
  var os = $('#logo').offset().top;
  var ht = $('#logo').height();
  if (scroll > os + ht) {
    //Not working
    $('#header .nav > li > a').css("color", "#333");
  }
});