html - :nth-child 配方选择除了我悬停的所有内容

Question

这很简单，但我在谷歌或在 SO 中找不到正确的答案。我需要的是一个配方，它可以改变列表中每个元素的颜色，但我用光标悬停的那个，所以看起来像其他所有元素，但选择的元素是由悬停事件激活的。

标签： htmlcss-selectors

Answer 1

不知道为什么你认为你需要第 n 个孩子，但你去吧。

ul:hover li {
  background: lime;
}

ul li:hover {
  background: inherit;
}

<ul>
  <li>one</li>
  <li>two</li>
  <li>three</li>
  <li>four</li>
</ul>