📌  相关文章
📜  CSS | :first-child 选择器

📅  最后修改于: 2021-08-31 07:58:38             🧑  作者: Mango

:first-child 选择器用于选择那些作为第一个子元素的元素。对于 :first-child 选择器，必须为 IE8 和更早版本声明 。
句法： 

:first-child {
    // CSS property
}

示例 1：

html


    
        first child selector
        
    
    
         

GeeksforGeeks

 
        
GeeksforGeeks

        
:first-child Selector

         

GeeksforGeeks

 
        

             

GFG

 
             

Geeks

 
        

    

html


    
        first child selector
        
    
    
        
GeeksforGeeks

        
:first-child Selector

        
    
            
  • Data Structure
    • 
            
  • Computer Network
    • 
            
  • Operating System
    • 
        

        
    
            
  1. Java
    2. 
            
  2. Ruby
    3. 
            
  3. Pascal
    4. 
        

    

输出：

示例 2：

html 



    
        first child selector
        
    
    
        
GeeksforGeeks

        
:first-child Selector

        
    
            
  • Data Structure
    • 
            
  • Computer Network
    • 
            
  • Operating System
    • 
        

        
    
            
  1. Java
    2. 
            
  2. Ruby
    3. 
            
  3. Pascal
    4. 
        

    
                   

输出：

支持的浏览器： :first-child选择器支持的浏览器如下：

  • 苹果 Safari 3.1
  • 谷歌浏览器 4.0
  • 火狐 3.0
  • 歌剧 9.6
  • 浏览器 7.0