CSS：悬停在特定列表项上[关闭]答案

【问题标题】：CSS :hover on a specific list item [closed]CSS：悬停在特定列表项上[关闭]
【发布时间】：2022-09-22 23:27:35
【问题描述】：

我正在尝试构建一个网页，我想将鼠标悬停在列表的特定元素上。

  <nav>
      <ul class=\"navbar\">
        <li>
          <div></div>
          <div>MENU</div>
        </li>
        <li><a href=\"\">Loop</a></li>
        <li><a href=\"\">awwwards.</a></li>
        <li><a href=\"\">REGISTER/LOG IN</a></li>
        <li><a href=\"\">SUBMIT YOUR SITE!</a></li>
      </ul>
    </nav>

为什么我不能像这样使用悬停悬停在最后一个 li 上？

 .navbar li:last-child{
 background-color: black;
 }
 .navbar li:last-child:hover{
  background-color: red;
 }

我可以用它来选择最后一个 li 但我不能用它来悬停。我也尝试给最后一个 li 一个 id，但它仍然不起作用。你可以帮帮我吗？谢谢！

“我想将鼠标悬停在列表的特定元素上”是什么意思？因为您的代码有效...
我编辑了我的问题以获得列表的确切代码。如上所示，我可以将背景颜色设置为黑色，但悬停部分不起作用。
我可以将我的整个代码与所有其他元素一起发布，但它非常大。
我也在css中使用了这个重置\“piccalil.li/blog/a-modern-css-reset\”也许它与它有关

标签： html css hover

【解决方案1】：

我认为它应该工作

ul li:last-child:hover {
  background: red;
}

<ul>
  <li>hello</li>
  <li>hello</li>
  <li>hello</li>
  <li>hover</li>
</ul>

【讨论】：