:first-of-type

Resumen

La  pseudo-clase CSS :first-of-type representa el primero de los hermanos de su tipo en la lista de hijos de su elemento padre.

Síntaxis

element:first-of-type { /* propiedades de estilo */ }

Ejemplo

Este ejemplo muestra cómo el selector universal es asumido en caso de que no se especifique ningún selector simple.

div :first-of-type {
  background-color: lime;
}
<div>
  <span>Este span es el primero!</span>
  <span>Este no. :(</span>
  <span>¿Y qué pasa con este <em>elemento anidado</em>?</span>
  <strike>Esto es otro tipo</strike>
  <span>Tristemente, éste no...</span>
</div>

...producirá el siguiente resultado.:

 

Especificaciones

Especificación Estado Comentario
Selectors Level 4
The definition of ':first-of-type' in that specification.
Working Draft Sin cambio
Selectors Level 3
The definition of ':first-of-type' in that specification.
Recommendation Definición Inicial

Compatibilidad con los distintos navegadores

Caracterśitica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Soporte básico 1.0 3.5 (1.9.1) 9.0 9.5 3.2
característica Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Soporte básico 2.1 1.0 (1.9.1) 9.0 10.0 3.2

Ver además

Etiquetas y colaboradores del documento

 Colaboradores en esta página: pekechis
 Última actualización por: pekechis,