Javascript 如何选择当前元素以应用悬停效果？未继承

我想选择精确的元素来应用悬停效果。但不是遗传的

<div class="parent">
    <div class="child"> <-- not here
        <div class="parent">
            <div class="child"></div> <-- apply hover effect
        </div>
    </div>
</div>

您可以这样做：

.parent > .child > .parent > .child:hover
{
    color: red;
}

你可以这样做。自定义滚动条。自定义滚动条。自定义滚动条>自定义滚动条：hover{color:#000；}我不知道它要嵌套多少次。它本身是嵌套的。但是自定义滚动条也是动态添加的吗？是的，自定义滚动条是容器。添加动态内容后，有多少个自定义滚动条？只有两个？
.parent > .child > .parent > .child:hover
{
    color: red;
}

.parent .parent > .child:hover
{
color:green;
}