css – 如何在html表上创建斑马条纹,而不使用javascript和偶/奇类生成?

前端之家收集整理的这篇文章主要介绍了css – 如何在html表上创建斑马条纹,而不使用javascript和偶/奇类生成?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想斑马条纹的html表,而不使用任何js的东西或编写服务器端代码生成偶数/奇数类的表行。是否有可能使用原始CSS?

解决方法

这是可能的,但只有CSS3选择器:
tr:nth-child(even) {
  background-color: red;
}


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

现代浏览器已经支持它。

原文链接:https://www.f2er.com/css/223152.html

猜你在找的CSS相关文章