javascript - Onmouseover 改变 span : first-child color 的颜色

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> 内的 text 的颜色first-child .
是否可以通过 Javascript 进行更改，如何更改？

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

谢谢。

Answer 1

你可以通过下面的css做到这一点

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

SEE DEMO

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