Jquery 嵌套列表悬停行

我有一个嵌套列表，我想为悬停的行添加样式。 但我不想让父母“LI”徘徊。我在“li”中有随机元素，所以我不能引用子元素，这些列表元素是组

示例HTML：

<ul>
    <li>
        <ul>
            <li>
                <ul>
                    <li></li>
                     <li></li>
                     <li></li>
                </ul>
            </li>
            <li>
                <ul>
                    <li></li>
                    <li></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

---

您需要在CSS中完全指定最里面的

li

：

ul>li>ul>li>ul>li:hover{
    background-color: rgba(140,191,38,0.3);
}

---

如果页面中最内层的

li

存在于不同的深度，则需要指定一个类。

为希望具有响应性

的
设置一个类。检查此项



















悬停李：悬停{
背景色：rgba（140191,38,0.3）；
}
不清楚您想做什么。你认为什么是“行”？也许您应该将JSFIDLE更改为每个级别都有不同的名称，然后您可以通过名称清楚地引用元素，并确切地说明您想要对它们做什么。
ul>li>ul>li>ul>li:hover{
    background-color: rgba(140,191,38,0.3);
}

<ul>
    <li>
        <ul>
            <li>
                <ul id='hover'>
                    <li></li>
                     <li></li>
                     <li></li>
                </ul>
            </li>
            <li>
                <ul>
                    <li></li>
                    <li></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

ul#hover li:hover{
    background-color: rgba(140,191,38,0.3);
}