que coincida con el primer elemento de cierto tipo en todo el documento

El primer elemento de un tipo específico en un documento HTML completo puede ser un desafío usando solo CSS. The :first-of-type pseudo-class is limited to matching the first element of a type within its parent element.

JavaScript Solutions

:first-of-type

To achieve document-wide coincidencia del primer elemento de un tipo, es necesaria una solución de JavaScript.

Podemos usar document.querySelector () para seleccionar el primer elemento coincidente en el documento completo y aplicar una clase personalizada, que luego se puede diseñar con css.

 
 
. La clase agregada: 
 
 
 
 en segundo plano: rosa; 
}  pre>