no entiendo esto, me lo podriais explicar?

Mirando el codigo de un menu, me he encontrado con esto en el CSS, pero no entiendo bien lo que hace con los selectores:

Código :

/* style the link hover */
* html .menu a:hover {color:#fff; background:#999;}

.menu :hover > a {
color:#fff; 
background:#999;
}

Se que * es un selector universal pero no entiendo como lo usa aqui, al igual que el selector html.

En cuanto al otro, se que utiliza un selector hijo, pero no entiendo bien como funcionan, me lo podirais explicar si no es mucho lio?

He mirado todo esto en las especificaciones de CSS2 pero aun asi no me queda claro

Mira, el * html es el llamado "HOLY HACK". Es un hack usado para IE6 e inferiores de manera que esa definicion CSS solo la adoptan estos navegadores.

Lo que tienes a continuacion lo adoptan los navegadores modernos como Firefox y Opera. Semanticamente es como:

.menu :hover > a -------- Dentro de la clase menu, aplicamos :hover a los nodos A hijos.

Un saludo.

Gracias Capitan Mahou no sabia lo del holy hack, pero con respecto al otro selector aun me queda una duda.

.menu :hover > a

te refieres a todos los a que encontremos dentro de la clase sin tener en cuenta el nivel de profundidad al que se encuentran o solo se aplican a los del nivel siguiente? Pregunto esto porque no veo diferencia entre esto y la notacion de siempre (ej: .menu :hover a)

Alli dice "dar estilos solo a las etiquetas <a> dentro de la clase .menu cuando esté en :hover". El problema es que debe ser junto .menu:hover.

NO, de hechop el ">" indica un selector de hijo, esto quiere decir que solo los elementos a que esten enhover y sean hijos de .menu seran afectados por la regla, solo los elementos que sean hijos de. menu y no todos los elementos a que sean descendietes de .menu

elementos hijos = elementos del nivel siguiente de profundidad

Tomo nota, gracias a todos por las explicaciones^^

si, asi es, pero solo los siguientes, ej:
<div class="menu">
<p>algo<a>algo</a>algo mas</p>
</div>

aqui p es hijo de div y a es hijo de p, en este caso a no se veria afectado por la regla aun que estuviera en hover, devido a que no es hijo de el div con clase menu, sino hijo de p ok???

estupendo, ahora si me quedo claro

gracias buzu, y al resto claro