html - CSS伪类回退?

标签 html css pseudo-class

我想为表使用 tr:nth-child(even/odd) 伪类,但我也想支持 IE 2 群体。那么,如果不支持 nth-child,是否有任何纯 css 方法可以向 tr 添加边框?

最佳答案

你可以试试Selectivizr ,我认为这是最简单的解决方案。

编辑:

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

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

编辑2:

此外,如果您使用的是 Modernizr,您可以尝试 this .

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

关于html - CSS伪类回退?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15323591/

相关文章:

css - 我有一个 css 样式,但对齐方式在 chrome 中是固定的,但在 firefox 中不是

html - 如何选择没有类的元素?

CSS - 如何停用 :hover pseudo class in IE 6

html - 如何使用图像创建 Angular 导航

javascript - 如何将 favicon 链接到随机 css 颜色?

javascript - Angular 。如何不重复相同的功能

css - 根据设备正确设置图像大小的最佳方法

html - 将属性值重置为默认值或将其设置为初始值以获得更好的性能

javascript - 如何在javascript中添加显示div的条件

jquery - 伪选择器 :hover but only when a DIV has a specific class