javascript - 改变 <li> 的背景颜色看起来很有趣

Question

我有一个 li 元素。如果 li 元素是单行，悬停时背景颜色看起来不错，但是当 li 元素包含多行文本时，背景颜色看起来有些糟糕。 请参阅随附的屏幕截图。

  #leftNavi li a.current{
color: white;
background: #AD0E3F; 
text-decoration: none;
  }

  #leftNavi li a:hover{
color: white;
background: #AD0E3F;
  }

Answer 1

您需要使用另一个节点来包装 LI 的内容，并将 :hover 放在 LI 而不是 一个。并使 LI float 以避免全宽。

<li>
  <div>
    <a class="current" href="#"></a>
  </div>
</li>