IE8中的偶数和奇数选择器

Question

我正在尝试突出每一个第二个li元素。它适用于其他浏览器，但IE不兼容。我尝试使用JQuery来解决问题，但我遇到了让它运行的问题。

现在我所拥有的是突出显示IE8或更低版本中的所有项目。

这是我的代码：

CSS

    .ms-quicklaunch-navmgr{
        overflow-y:scroll;
        height:650px;
    }
    .s4-ql li.static:nth-child(even){
        background:#CCC
    }
    body #s4-leftpanel{
        width:255px
    }
    .s4-ca{
        margin-left:255px
    }
    .even{
        background:#CCC
    }       

JS

$(document).ready(function(){
    $('.s4-ql li.static:even').addClass('even');
});

这是我尝试风格的HTML：

Answer 1

尝试将jquery更新为

$(document).ready(function(){
    $('.s4-ql .root ul li.static:even').addClass('even');
});

目前您的jquery定位过于宽泛，您有2个级别的列表

ul.root＆gt; li.static＆gt; ul.static＆gt;利

最后一个li是你需要定位的那个，但你当前的jquery都是针对所有这些