Cambiar los colores de fuente de div hijos en el control deslizante padre

Question

Tengo una pregunta y no estoy seguro si es posible, pero pensé que intentaría preguntar.

decir que tenía tres div de:

<div id="parent_div"> 

    <div id="child_div_1">Blue</div> 

    <div id="child_div_2">Red</div> 

</div> 

Si todo el texto en el interior parent_div se establece en negro, ¿cómo podría hacer que el child_div_1 y child_div_2 cambio de fuente-color a azul y rojo respectivamente, cuando el div padre es revoloteado?

Disculpe si esto es un poco confuso, pero ¿hay alguna manera de hacerlo preferiblemente solo con CSS?

Answer 1

#parent_div:hover #child_div_1 { 
    color: blue; 
} 
#parent_div:hover #child_div_2 { 
    color: red; 
} 

Answer 2

solo orientar los elementos secundarios relevantes basados ​​en el estado de la matriz :hover:

/* defaults */ 
#parent_div div { 
    color: #000; /* or whatever... */ 
} 

/* hover rules */ 

#parent_div:hover #child_div_1 { 
    color: blue; 
} 
#parent_div:hover #child_div_2 { 
    color: red; 
} 

JS Fiddle demo.

Answer 3

Utilice la pseudo-clase :hover en el elemento padre:

Demostración: http://jsfiddle.net/Guffa/M3WsW/