Onmouseover <li>更改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>标记我必须更改text的颜色，它位于<span> first-child中。

是否有可能通过Javascript来改变呢？

注意：不可能将id的交给<li>标记或<span>标记，因为它们是从数据库动态表示的。

谢谢。

Answer 1

您可以通过以下css来完成它

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

SEE DEMO

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

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: ;
}