如何在html表上创建斑马条纹，而不使用javascript和偶/奇类生成？ [英] How to create zebra stripes on html table without using javascript and even/odd classes generation?

问题描述

我想斑马条纹的html表，不使用任何js的东西或编写服务器端代码来生成表/行的偶/奇类。

I want to zebra-stripe a html table without using any js stuff or writing server-side code to generate even/odd classes for table rows. Is it ever possible to do using raw css?

推荐答案

这是可能的，但只能使用CSS3选择器：

It is possible, but only with CSS3 selectors:

tr:nth-child(even) {
  background-color: red;
}


tr:nth-child(odd) {
  background-color: white;
}

现代浏览器已支持它。

这篇关于如何在html表上创建斑马条纹，而不使用javascript和偶/奇类生成？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！