Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

:last-of-type

Resumen

La pseudo-clase de CSS :last-of-type representa el último elemento hermano de un tipo dado en la lista del elemento hijo de su elemento padre.

Sintaxis

elemento:last-of-type { propiedades de estilo }

Ejemplo

Para hacer coincidir el último elemento strong dentro de un elemento p puedes usar esto:

p strong:last-of-type {
  color: lime;
}
<p>
  <em>I'm not lime :(</em>
  <strong>I'm not lime :(</strong>
  <strong>I'm lime :D</strong>
</p>

Especificaciones

Specificació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 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

Consulta también

Etiquetas y colaboradores del documento

 Colaboradores en esta página: teoli, jesanchez, jsalinas
 Última actualización por: teoli,