1

这是一个简单的 HTML，我认为它是简单的 CSS（请注意，两个项目是链接，两个不是）：

<html>
  <head>
    <style>
      li.menu:hover {
        background-color: #0ff;
      }

      li.menu a {
        background-color: #0f0;
      }

      li.menu a:hover {
        background-color: #00f;
      }
    </style>
  </head>
  <body>
    <ul>
      <li class="menu"><a>item1</a></li>
      <li class="menu"><a>item2</a></li>
      <li class="menu">item3</li>
      <li class="menu">item4</li>
    <ul>
  </body>
</html>

现在，在 Firefox 中，这可以按我的预期工作，但在 Chrome (v24) 中却没有。

我希望 item1 和 item2#0f0在未悬停时具有（绿色）颜色，并且#00f在悬停时具有（蓝色）颜色。但它们总是绿色的（在 Chrome 中）！那么为什么:hover对 item3 和 item4 有效，而对 item1 和 item2 无效呢？

有没有一种方法也可以在 Chrome 中使用，并且仍然如此简单？

4

1 回答 1

0

定义li:hover a:hover它应该可以工作。

于 2013-02-20T15:54:45.893 回答