Question

我希望每张桌子都能看到'斑马'。因此，已经为每个表设置的背景颜色需要重新发生，而不是像现在这样坚固。如何使其它每个表行都是白色的？

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）就行了，虽然它们都是蓝色的。

如何为每个表重复出现背景颜色？

1 个答案: