English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Pseudoclase :first de CSS-of-type representa el primer elemento de su tipo en un grupo de hermanos.
Manual de referencia de selector CSS completo
El elemento p seleccionado es el primer elemento p del elemento padre:
!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>Guía básica (oldtoolbag.com)</title>
<style>
/* Selector que selecciona el primer <p> que aparece en el elemento padre, sin importar su posición entre los hermanos. */
p:first-of-type {
color: rojo;
}
</style>
</head>
<body>
<h1>Este es un título</h1>
<p>Este es el primer párrafo.</p>
<p>Este es el segundo párrafo.</p>
<p>Este es el tercer párrafo.</p>
<p>Este es el cuarto párrafo.</p>
</body>
</html>Prueba y mira ‹/›:first-of-El selector type coincide con el primer elemento hijo de tipo específico del elemento padre.
Aviso: y :nth-of-type(1) tiene el mismo significado.
Los números en la tabla indican la versión del primer navegador que admite el atributo.
| Selector | |||||
|---|---|---|---|---|---|
| :first-of-type | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |