如何使每个 table 的背景颜色重复出现？

Question

我想要 'zebra' 查找每个 table。因此，已经为每个 table 设置的背景颜色需要重复出现，而不是像现在这样纯色。我如何才能做到每隔 table 行都是白色的？

http://jsfiddle.net/Lance_Bitner/v8buo90L/

.tabs > div table tr td {
        background: rgba(232, 240, 250, .5);
    }
.tabs > div:nth-child(2) table tr td {
        background: rgba(254, 217, 209, .5);
    }
.tabs > div:nth-child(3) table tr td {
        background: rgba(230, 198, 229, .5);
    }

Answer 1

不需要 jquery 只需将 :nth-child(even) 添加到每一行就可以了。

.tabs > div table tr:nth-child(even) td {
  background: rgba(232, 240, 250, .5);
}

.tabs > div:nth-child(2) table tr:nth-child(even) td {
  background: rgba(254, 217, 209, .5);
}

.tabs > div:nth-child(3) table tr:nth-child(even) td {
  background: rgba(230, 198, 229, .5);
}

你的 JQuery 也很好，只需要删除相关的 css (.tabs > div:nth-child(*) table tr td) 就可以了，尽管它们都是蓝色阴影。

如何使每个 table 的背景颜色重复出现？

How do I make the background-color reoccurring for each table?

html

css

jquery

css-tables