Onmouseover <li>更改span的颜色：first-child color </li>

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>代码，因为它们是从数据库中动态呈现的。< / p>

谢谢。

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