html - CSS伪类后备？

Question

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

Answer 1

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

编辑：

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

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

编辑2：

此外，如果您使用的是 Modernizr，您可以试试这个。

编辑3 :)

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