CSS 子选择器与后代选择器

子选择器：子选择器用于匹配指定元素的所有子元素。它给出了两个元素之间的关系。元素 > 元素选择器选择那些作为特定父元素的子元素的元素。 > 左侧的操作数是父元素，右侧的操作数是子元素。

句法：

element > element {
    // CSS Property
}

示例：匹配仅作为

元素的子元素的所有

元素。

 
 
     
         
         
     
      
     
        
 
            
 
                CSS Child Selector 
            
 
              
            
 
                A computer science portal for geeks. 
            
 
        
 
          
        
Geeks Classes is a quick course to cover 
        algorithms questions.
 
          
        
This paragraph will not be styled.
 
     
 

输出：

后代选择器：后代选择器用于选择元素的所有子元素（不是特定元素）。它选择元素内的元素，即它组合了两个选择器，如果与第二个选择器匹配的元素具有与第一个选择器匹配的祖先元素，则它们将被选择。

句法：

element element {
    // CSS Property
}

示例：它选择所有作为 div 子元素的 h2 元素。

  
 
    
      
    
 
  
 
    

        
 
            GeeksForGeeks 
        
 
          
        

            
GeeksForGeeks
        
    
      
    

        GeeksforGeeks in green color is
        example of child Selector 
        
other GeekforGeeks is example
        of descendant Selector
    

  
                    

输出：