>:
Cita: 5.6 Selectores de hijos
Un selector de hijo equivale cuando un elemento es el hijo de algún elemento. Un selector de hijo se compone de dos o más selectores separados por ">".
Ejemplo(s):
La siguiente regla asigna el estilo de todos los elementos P que son hijos de BODY:
BODY > P { line-height: 1.3 }
Ejemplo(s):
El siguiente ejemplo combina selectores de descendientes con selectores de hijos:
DIV OL>LI P
Equivale a un elemento P que es descendiente de un LI; el elemento LI debe ser hijo de un elemento OL; el elemento OL debe ser descendiente de un DIV. Observe que el espacio en blanco opcional alrededor del combinador ">" ha sido descartado.
Por información acerca de la selección del primer hijo de un elemento, por favor, ver la sección acerca de la pseudo-clase :first-child abajo.
A primera vista es igual:
div p
a
div > p
la diferencia es que la 2a el
p debe ser directamente después de
div, y la primera con que suceda después.