CSS color child on Hover -


i got this:

<div id="father">     <span class="child1"><span>     <div class="child2"><div> </div> 

i need change text color of child2 on father:hover, , able that, when hover on child1, child2 loose color , displayed normally, how can set hover on child1 not loose hover effect ?

i've tried , doesn't work

.child1:hover .child2{ color: #eed847; } 

thanks

.child1 not parent of .child2 in example, expected use of space in selector.

the following selector should work, when of .child1 or .child2 hovered.

#father:hover .child2 { ... } 

demo


Comments

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -