javascript - 鼠标悬停改变 span 的颜色：第一个子颜色

Question

我在这里遇到问题：

<ul id="parentnode">
   <li><span>I need color change here</span><span>no color</span><span>nocolor</span></li>
   <!-- continuing li tags from database -->
</ul>

在这里，Onmouseover <li>我必须更改标签内的文本<span> first-child颜色。
是否可以通过Javascript进行更改，如何更改？

注意：不可能给标签或标签提供id，因为它们是从数据库中动态呈现的。<li><span>

谢谢你。

Answer 1

您可以通过以下css来完成

#parentnode li:first-child:hover span:first-child { color: red; }​

看演示

*编辑：链接无效，删除斜线

Answer 2

在你的 CSS 中试试这个：

ul#parentnode > li:first-child:hover > span:first-child {
    color: blue;
}

并用你想要的任何颜色改变“蓝色”

Answer 3

ul#parentnode > li:first-child:hover > span:first-child {
    color: ;
}