如何使用 CSS 递归选择所有子元素？

当元素是某个元素的子元素时，子选择器匹配。子选择器由两个或多个用“>”分隔的选择器组成。它也被称为元素 > 元素选择器。它选择特定父级的所有元素。

句法：

• 选择所有子元素。

  element > element

• 如果子元素递归选择，则使用以下语法。

  div.class > * {
      // CSS Property
  }

示例 1：此示例选择所有子元素。

      

    
      
    

  

    

        
Paragraph 1
        
Paragraph 2
        
            
Paragraph 3
        
    
      
    
Paragraph 4
    
Paragraph 5
  

                    

输出：

示例 2：此示例以递归方式选择所有子元素。

      

    
      
    

  

    

        
Paragraph 1
        
Paragraph 2
        
            
Paragraph 3
        
    
      
    
Paragraph 4
    
Paragraph 5
  

                    

输出：