用ul li实现的二层树状导航栏,CSS怎么实现

2026年09月26日 13:23
有1个网友回答
网友(1):

如果只用css的话就这么写吧

‍

.level2{
    display:none
}
.level1 > li:hover > .level2{
    display:block    
}

html里大概这样的结构

‍


    
  • l1
            
                
  • l2

  •             
  • l2

  •             
  • l2

  •         
        
        
  • l1
            
                
  • l2

  •             
  • l2

  •             
  • l2

  •         
        
        
  • l1
            
                
  • l2

  •             
  • l2

  •             
  • l2

  •         
        
        
  • l1
            
                
  • l2

  •             
  • l2

  •             
  • l2

  •