CSS伪类回退？

Question

我想对表使用tr:nth-child(even/odd)伪类，但我也想支持IE 2填充。 那么，如果不支持nth-child ，是否有任何纯粹的CSS方法为tr添加边框？

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;}

NTH伪类的一个很好的替代品，没有任何javascript和IE7 +兼容;）