IE 8中的nth-child选择器(伪类)

时间:2012-11-29 15:13:51

标签: html css html5 internet-explorer css3

我需要表达式

`tr:nth-child(2n){background-color: #ddd;}` 

为我动态创建的表的每个第二行着色。但是这个表达式只适用于IE9。那么也可以为IE8启用这些CSS3伪类吗?

3 个答案:

答案 0 :(得分:3)

对于IE8而言,据我所知。但是,jQuery使用.filter(":even"). see this documentation解决了这个问题。它适用于IE7或更新版本。

答案 1 :(得分:0)

您可以使用JavaScript {6}等JavaScript填充程序在IE中获得第n个子选择器。本文对于伪造功能selectivizr也很有意思。

答案 2 :(得分:0)

我是由Prototype JS完成的。也适用于IE8。

var rowCounter = 0;
$$('tr').each(function (row) { /*$$('tr') == array of tr tags*/
    if (rowCounter % 2 === 0) { /*modulo dividing find even element*/
        row.addClassName('even');
    }
    rowCounter += 1;
});

访问:http://jsfiddle.net/P9SHy/3/