gpt4 book ai didi

html - 仅突出显示当前悬停的嵌套列表项

转载 作者:太空宇宙 更新时间:2023-11-04 13:27:37 24 4
gpt4 key购买 nike

<分区>

假设 ulli 项,其中一些 ul 内部有 li 项:

    <div class="nav-main">
<ul>
<li>First Level First Item</li>
<li>First Level Second item
<ul><li>Level 2 First item</li></ul>
</li>
<li>Level 1 Second item</li>
</ul>
</div>
</body>

将鼠标悬停在外部列表的一个 li 元素上会突出显示此元素,但将鼠标悬停在嵌套列表元素上会悬停此元素和封闭列表元素。

li:hover { border: 1px solid black; }

怎么总是只有一项被高亮?最好没有任何 JavaScript。

li:hover { border: 1px solid blue; }
        <div class="nav-main">
<ul>
<li>First Level First Item</li>
<li>First Level Second item
<ul><li>Level 2 First item</li></ul>
</li>
<li>Level 1 Second item</li>
</ul>
</div>

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com