html - IE 8 の n 番目の子セレクター (疑似クラス)

Question

表現が必要です

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

動的に作成するテーブルの 2 行目ごとに色を付けます。ただし、この式は IE9 でのみ機能します。これらの CSS3 疑似クラスを IE8 でも有効にすることは可能ですか?

Answer 1

IE8の場合、私が知る限りではありません。ただし、jQuery を使用した解決策があります。.filter(":even"). これについては、このドキュメントを参照してください。IE7以降で動作します。

Answer 2

selectivizrなどのJavaScriptシムを使用してIEでn番目の子セレクターを取得できます。この記事は、機能を偽造するのにも興味深いものですhttp://abouthalf.com/2011/07/06/poor-mans-nth-child-selector-for-ie-7-and-8/。

Answer 3

私は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/