Question

I am getting problem here:

<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>

Here, Onmouseover <li> tag i have to change the color of text which is inside the <span> first-child.
Is it possible to change through Javascript, How ?

Note: It is not possible to give id’s to <li> tag or <span> tag, because they are dynamically presenting from database.

Thank you.

Answer 1

You can do it by the following css

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

SEE DEMO

*EDIT: link was invalid, removed slash