css奇数偶数选择器-css教程css3如何选择表格的奇数行

在 CSS 中，“nth-child()”选择器可用于选择表中奇数行元素。 该选择器用于匹配属于其父元素的第n个子元素。 当选择器中的值为“2n”时，它将被选择。 对于奇数个对象，句型为“table row element:nth-child(2n){css style code;}”。

后端（vue）入门掌握课程：步入学习

apipost=Postman+Swagger+Mock+Jmeter 超好用的API调试工具：点击使用

本教程的运行环境：windows10系统，CSS3&&HTML5版本css奇数偶数选择器，DellG3笔记本。

css3如何实现表格奇数行的选择

在CSS中，如果要选择表格的奇数行元素css奇数偶数选择器，则需要使用“nth-child()”选择器。

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，无论元素的类型如何。

n 可以是数字、关键字或公式。

当选择器中的值为2n时，将选择奇数个元素。

示例如下：

 
tr:nth-child(2n)
{
background:#ff0000;
}




  

    
111
    
222
  
  

    
333
    
444
  
    

    
555
    
666
  
  

    
777
    
888
  
      

    
555
    
666
  
  

    
777
    
888
  

登录后复制

输出结果：