我有一个嵌套列表:
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.