:even 和 :odd 伪类与 CSS 中的列表项一起使用

CSS 中的 :nth-child() 选择器用于根据元素在一组兄弟元素中的位置来匹配元素。它匹配第 n 个子元素的每个元素。 :even 和 :odd 伪类与项目列表一起使用，例如段落、文章项目，它们基本上是列表内容。

• 奇数：在任何仅影响奇数索引号列表的列表项中使用奇数伪类。
  句法：

  li:nth-child( odd ) {
      // CSS Property   
  }
  

  例子：

  
  
        
  
      
        
      
      
  
    
  
      
  GeeksforGeeks
      
  A Computer Science portal
      
  Welcome to GeeksforGeeks
  
    
                                  
  

  输出：
  

• even：在任何仅影响偶数索引号列表的列表项中使用偶数伪类。
  句法：

  li:nth-child( even ) {
      // CSS Property
  }
  

  例子：

  
  
        
  
      
        
      
      
  
    
  
      
  GeeksforGeeks
      
  A Computer Science portal
      
  Welcome to GeeksforGeeks
  
    
                                     
  

  输出：
  

• 示例：此示例同时使用 :even 和 :odd 伪类选择器。

  
  
        
  
        
      
  
    
  
      
  GeeksforGeeks
        
      
  :even and :odd pseudo-class
        
      
  Data Structure
      
  Operating System
      
  Compuyer Networks
      
  C Programming
  
    
                      
  

  输出：