Javascript css选择器问题，当关注子ul时，如何更改父li的字体颜色

好吧，在过去的两个小时里，我一直在用头撞墙，我终于放弃了

我有一个无序列表，顶层没有背景，文本颜色为

#fff

。翻滚背景时，背景变成

#fff

，文本颜色变成

#000

。我还有一些孩子的ul，背景为#fff，文本颜色为

#000

现在我需要知道的是，当子ul元素打开但顶级链接未被鼠标覆盖时，如何在顶级设置文本颜色变化的样式。我无法让它强制顶级li保持

#000

（我将背景粘在一起）只要我将鼠标从顶级链接上取下，移动到一个孩子身上，顶级文本就会返回到

#fff

<div class="menu">
<ul>
<li><a href="#">Home</a></li>
<li>About
<ul class="children">
<li><a href="#">About Us</a></li>
</ul>
</li>
</ul>
</div>

.menu ul li{
color: #ffffff;
text-decoration:none;
}
.menu ul li:hover{
color:#000000
background-color:#ffffff;
}

.children{
background-color:#ffffff;
color:#000000
}

关于





李先生{
颜色：#ffffff；
文字装饰：无；
}
.菜单ul li:悬停{
颜色：#000000
背景色：#ffffff；
}
.儿童{
背景色：#ffffff；
颜色：#000000
}

这是我认为最适合的场景的标记。菜单ul li没有文本颜色为#ffffff的背景。当用户滚动“About”时，背景变为#ffffff，文本变为#000000。下拉列表将下降并显示.children ul/li。也具有相同的背景/文本颜色。一旦用户将鼠标移离父li链接，父li链接将返回到白色背景上的白色字体。但是孩子们都是白人

---

只要用户在子对象上悬停/单击，我就需要字体变为黑白背景。

当检测到子对象单击时，应该使用jquery的Parents函数

当你检测到点击时——你去它的父母那里（他在那里上课）——然后

你给父母的风格

---

当检测到子单击时，应该使用jquery的Parents函数

当你检测到点击时——你去它的父母那里（他在那里上课）——然后

你给父母的风格

---

可能给每组分组元素一个共享类，然后使用jQuery为该类的所有成员设置css。因此，对于menu1、menu2等，添加以下代码：

$(".menu_1").hover( // on mouseover function () { $(".menu_1).css("background-color", "red"); }, // on mouseout function () { $(".menu_1).css("background-color", "white"); } ); $（“.menu_1”）。悬停( //鼠标悬停 函数（）{ $（“.menu_1）.css（“背景色”、“红色”）； }, //论慕斯奥特 函数（）{ $（“.menu_1）.css（“背景色”、“白色”）； } );

---

可能给每组分组元素一个共享类，然后使用jQuery为该类的所有成员设置css。因此，对于menu1、menu2等，添加以下代码：

$(".menu_1").hover( // on mouseover function () { $(".menu_1).css("background-color", "red"); }, // on mouseout function () { $(".menu_1).css("background-color", "white"); } ); $（“.menu_1”）。悬停( //鼠标悬停 函数（）{ $（“.menu_1）.css（“背景色”、“红色”）； }, //论慕斯奥特 函数（）{ $（“.menu_1）.css（“背景色”、“白色”）； } );

---

css中缺少分号：

.menu ul li:hover{
   color:#000000; <!-- insert this semi-colon -->
   background-color:#ff0;
 }

。菜单ul li：悬停{
颜色：#000000；
背景色：#ff0；
}

您的css中缺少分号：

.menu ul li:hover{
   color:#000000; <!-- insert this semi-colon -->
   background-color:#ff0;
 }

。菜单ul li：悬停{
颜色：#000000；
背景色：#ff0；
}

可能会提供一些示例吗？可能会提供一些示例吗？您能为我们提供标记吗？我在原始帖子中添加了标记。您能为我们提供标记吗？我在原始帖子中添加了标记。