html - CSS疑似クラスフォールバック？

Question

テーブルに疑似クラスを使用しtr:nth-child(even/odd)たいのですが、IE2の母集団もサポートしたいと思います。それで、サポートされていないtr場合に境界線を追加する純粋なcssの方法はありますか？nth-child

Answer 1

Selectivizrを試すことができます。これが最も簡単な解決策だと思います。

編集：

jqueryを使用してクラスを追加することもできます。

$(function() {
    $("tr:odd").addClass("odd");
    $("tr:even").addClass("even");
});

EDIT2：

また、Modernizrを使用している場合は、これを試すことができます。

EDIT3 :)

tr { border-bottom: 1px solid #ccc; }

tr:nth-child(odd),
tr:nth-child(even) { border: none; }

tr:nth-child(odd) { background: #eee; }

tr:nth-child(even) { background: #ddd; }

Answer 2

+以下のこの例のように、クラス/要素の間に追加できます。5つごとに<tr>削除します。margin-right

tr{margin-right:10px;}
tr + tr + tr + tr + tr{margin-right:0;}

javascriptおよびIE7+互換のないNTH疑似クラスの優れた代替品;）