English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Il pseudo-selettore :first-of-type CSS rappresenta il primo elemento di un gruppo di fratelli dello stesso tipo.
Manuale di riferimento completo dei selettori CSS
L'elemento p selezionato è il primo elemento p del genitore:
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Manuale di base (oldtoolbag.com)</title>
<style>
/* Seleziona il primo <p>che appare nel genitore, indipendentemente dalla sua posizione tra i fratelli */
p:first-of-type {
color: red;
}
</style>
</head>
<body>
<h1>Questo è un titolo</h1>
<p>Questo è il primo paragrafo.</p>
<p>Questo è il secondo paragrafo.</p>
<p>Questo è il terzo paragrafo.</p>
<p>Questo è il quarto paragrafo.</p>
</body>
</html>Prova a vedere ‹/›Il selettore :first-of-type abbinamento degli elementi il cui genitore è il primo figlio di tipo specifico.
Suggerimento: Ha lo stesso significato di :nth-of-type(1).
I numeri nella tabella rappresentano la versione del primo browser che supporta l'attributo.
| Selettore | |||||
|---|---|---|---|---|---|
| :first-of-type | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |