IE8中的偶数和奇数选择器

时间:2013-09-26 18:19:04

标签: javascript html css css3 internet-explorer-8

我正在尝试突出每一个第二个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:

enter image description here

1 个答案:

答案 0 :(得分:5)

尝试将jquery更新为

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

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

ul.root> li.static> ul.static>利

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