Que significa selector > selector en CSS

[junihh]

Hola señores

Hace algun tiempo lei y ahora que lo encuentro vuelve la duda, pero no recuerdo donde lei del tema.

En el CSS de Lightbox encontre esto: #imageContainer>#hoverNav. ¿Que significa el ">" en ese caso?

Gracias a cualquier respuesta que me puedan dar.

[_cronos2]

Creo que es algo así:

Código CSS:

.clase1 .clase2 { color:red; }
.clase1 > .clase2 { color:blue; }
 

Código HTML:

<div class='clase1'>
 <div id='container'>
  <p class='clase2'>Esto es un párrafo rojo</p>
 </div>
 <p class='clase2'>Esto es un párrafo azul</p>
</div>
 

'>' indica un nodo hijo.
Saludos (:

[junihh]

Gracias _cronos2, ahora es mas claro. Disculpa que siga preguntando, ¿pero y como se porta IExplorer con esa alternativa?

[gVenom]

Selector de hijos
Se trata de un selector similar al selector descendente, pero muy diferente en su funcionamiento.
Se utiliza para seleccionar un elemento que es hijo directo de otro elemento y se indica mediante
el "signo de mayor que" (>):

Código CSS:

p > span { color: blue; }
<p><span>Texto1</span></p>
<p><a href="#"><span>Texto2</span></a></p>
 

En el ejemplo anterior, el selector p > span se interpreta como "cualquier elemento <span> que
sea hijo directo de un elemento <p>", por lo que el primer elemento <span> cumple la condición
del selector. Sin embargo, el segundo elemento <span> no la cumple porque es descendiente
pero no es hijo directo de un elemento <p>.

[gVenom]

Iniciado por junihh

Gracias _cronos2, ahora es mas claro. Disculpa que siga preguntando, ¿pero y como se porta IExplorer con esa alternativa?

Aqui puedes ir a buscar eso

http://en.wikipedia.org/wiki/Compari...g_Style_Sheets)

[junihh]

_cronos2 / gVenom

Sus respuestas me sirvio de mucho. En resumen, permite hacer un filtrado que en el mejor de los casos yo habria terminado escribiendo un javascript para lograr el mismo efecto.

Muchisimas gracias por su ayuda.