📜  CSS 子选择器与后代选择器

📅  最后修改于: 2021-11-03 06:38:57             🧑  作者: Mango

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

句法:

element > element {
    // CSS Property
}

示例:匹配仅作为

元素的子元素的所有

元素。

 
 
     
         
            CSS child Selector 
         
         
     
      
     
        
              

                  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 元素。



  
 
    
        CSS Descendant Selector
    
      
    
 
  
 
    
        

              GeeksForGeeks          

                     
            

GeeksForGeeks

        
    
           

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

                       

输出: