Pseudo-clase :first-of-type de CSS

Definición y uso

CSS :first-of-type Los pseudo-clases se utilizan para seleccionar el primer elemento de un tipo especificado dentro de un grupo de elementos hermanos.

Ejemplo

Elije y configura el estilo de un primer elemento <p> dentro de un grupo de elementos hermanos:

p:first-of-type {
  background-color: yellow;
{}

Prueba por ti mismo

Sintaxis CSS

:first-of-type {
  declaraciones css;
{}

Detalles técnicos

Versión: CSS3

Compatibilidad del navegador

Los números en la tabla especifican la versión del navegador que admite completamente el pseudo-clase.

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6