在导航中徘徊单李

Question

我试图制作像这张照片的悬停风格

  

     

    

想要在悬停时增加相应的li高度和样式。想法？

  

Answer 1

只需在锚点上定义悬停而不悬停在列表

上

变化

.nav li:hover > a{}

到

.nav li a:hover{}

Answer 2

a样式中的li标记，如下所示：

a:hover{line-height:100px}

Answer 3

或尝试这样

nav li:hover ul{ line-height:70px }