¿Qué significa ">" en CSS?

Question

Duplicar posible:
What does “>” mean in CSS rules?

¿Qué significa el símbolo > en CSS? Lo noté en mi blog de Wordpress y quiero saber qué está haciendo.

#access li:hover > a, 
#access ul ul :hover > a, 
#access a:focus { 
    background: #efefef; 
} 
#access li:hover > a, 
#access a:focus { 
    background: #f9f9f9; /* Show a solid color for older browsers */ 
    background: -moz-linear-gradient(#f9f9f9, #e5e5e5); 
    background: -o-linear-gradient(#f9f9f9, #e5e5e5); 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */ 
    background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); 
    color: #373737; 
} 
#access ul li:hover > ul { 
    display: block; 
} 

Answer 1

que significa que sólo los "primeros anidados" elementos estarán dirigidos (elementos "niños"), por ejemplo

<div id="a"> 
     <div id="b"> 
     <div id="c"> 
     </div> 
     </div> 
    </div> 

si se escribe

#a div{ 
background: red; 
} 

entonces ambos # b y #c serán rojos, pero si usa> como

#a > div{ 
background: red; 
} 

solo entonces #b será rojo, #c no lo hará.

Answer 2

Eso es un selector de elementos secundarios (también llamado un combinador de elementos secundarios). Puede encontrar más información sobre los selectores en el sitio web del World Wide Web Consortium (W3C), donde puede leer CSS2 entry on the child selector o puede saltarse directamente al CSS3 entry on the child selector.

Además, aquí es una gran cita de otro SO pregunta sobre CSS Child vs Descendant selectors:

Sólo pensar en lo que las palabras "niño" y "descendientes" significan en Inglés:

• Mi hija es tanto mi hijo como mi descendiente

• Mi nieta no es mi hija, pero ella es mi descendiente.

Answer 3

li > a coincide con cualquier elemento que sea hijo de li. Ver W3C CSS page para cualquier selector.