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:
Ver originalp > 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>.