Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

:first-child

Resumen

La pseudo-clase :first-child  representa cualquier elemento que sea el primer elemento hijo del elemento padre.

Sintaxis

elemento:first-child { propiedades de estilo }

Ejemplos

span:first-child {
    background-color: lime;
}

...donde...

<div>
  <span>This span is limed!</span>
  <span>This span is not. :(</span>
</div>

... debería verse como ...
This span is limed! This span is not. :(

Especificaciones

Especificación Estado Comentario
Selectors Level 4 Working Draft Sin cambios.
Selectors Level 3 Recommendation Definición inicial.

Compatibilidad de navegadores

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Soporte básico 4.0 3.0 (1.9) 7 9.5 4
Característica Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Soporte básico 1.0 1.0 (1.9.1) 7 10.0 3.1

Notas para Internet Explorer

Internet Explorer 7 no actualiza los estilos cuando los elementos son añadidos dinámicamente. En Internet Explorer 8, si un elemento es insertado dinámicamente por hacer clic en un enlace, los estilos del primer elemento hijo no son aplicados hasta que el enlace pierde foco.

Etiquetas y colaboradores del documento

 Colaboradores en esta página: teoli, percy@mozilla.pe, jsalinas
 Última actualización por: teoli,