将css添加到悬停菜单父项而不是子项

我正在尝试做类似的事情： 我正在使用！覆盖引导颜色很重要 这对父母是有效的，但我不想让孩子受到影响

.鼠标悬停李：鼠标悬停a{

color: blue !important;
}

.hover-li ul li  {
    color: white !important;
}

结构如下：

<li class = "hover-li">
<a></a>
<ul>
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
</ul>
</li>

试试这个

.hover-li:hover > a {
  color: blue !important;
}

---

它只影响直接子项

放弃重要项并将：悬停添加到第二个选择器。。。。