Question

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

Answer 1

您可以尝试Selectivizr，我认为这是最简单的解决方案。

编辑：

您还可以使用jquery为您添加类：

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

EDIT2：

此外，如果您使用的是Modernizr，则可以尝试this。

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 +兼容;）

CSS伪类回退？

2 个答案: