Javascript Onmouseover<；李>；更改“跨度：第一个子颜色”的颜色

我在这里遇到问题：

<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

标记我必须更改
第一个孩子
内的文本的颜色，如何更改

注意：不可能给
标签或
标签指定id，因为它们是从数据库动态显示的

谢谢。
在CSS中尝试以下内容：

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

并将“蓝色”更改为您想要的任何颜色
在CSS中尝试以下操作：

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

并将“蓝色”更改为您想要的任何颜色
您可以通过以下css来实现

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


*编辑：链接无效，删除了斜杠
您可以通过以下css进行编辑

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

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


*编辑：链接无效，删除了斜杠
@Ran:查看我的答案，如何使用CSS实现。@Ran:是的，请查看我的答案。@Ran:查看我的答案，如何使用CSS实现。@Ran:是的，请查看我的答案。它将更改span（第一个孩子）的颜色在每个
li
中，由于OP只想要第一个孩子
li:first child
部分应该处理这个问题，只影响parentnode的第一个li中的第一个跨度，我使用了直接子选择器，这样只有
li
s的第一级和
span
s的第一个子级会受到影响。它会改变每个
li
中span（第一个子级）的颜色，因为OP只需要第一个子级
li:first child
部分会处理这个问题，仅影响parentnode的第一个li中的第一个span，并且我使用了直接子选择器，以便仅影响
li
s的第一级和
span
s的第一个子级。
ul#parentnode > li:first-child:hover > span:first-child {
    color: ;
}