相关疑难解决方法(0)

如何在嵌套的ul中仅悬停当前的li?

我有一个嵌套列表:

li:hover {
  background-color: lightgray;
}
ul li ul li:hover {
  font-weight: bold;
}
Run Code Online (Sandbox Code Playgroud)
<ul>
  <li>fnord
    <ul>
      <li>baz</li>
      <li>foo
        <ul>
          <li>baz</li>
          <li>foo</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>gnarf
    <ul>
      <li>baz</li>
      <li>foo
        <ul>
          <li>baz</li>
          <li>yolo</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

问题是,徘徊"foo"也会徘徊"fnord"及其所有li元素.我如何只悬停li我的鼠标实际上是在盘旋?

嵌套是可变的,理论上可以是无穷无尽的.

我已经设置了一个JSFiddle.

html css hover

10
推荐指数
2
解决办法
9487
查看次数

标签 统计

css ×1

hover ×1

html ×1