📜  CSS | :first-child 选择器

📅  最后修改于: 2021-11-03 06:44:55             🧑  作者: 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.             
  3. Ruby
  4.             
  5. Pascal
  6.         
    


输出:

示例 2:

html



    
        first child selector
        
    
    
        

GeeksforGeeks

        

:first-child Selector

        
                
  • Data Structure
  •             
  • Computer Network
  •             
  • Operating System
  •         
        
                
  1. Java
  2.             
  3. Ruby
  4.             
  5. Pascal
  6.         
                        

输出:

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

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