English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Pseudo-classes CSS :first-of-type representa o primeiro elemento do tipo em um grupo de irmãos.
Manual completo de seletores CSS
O elemento p escolhido é o primeiro p do pai:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Manual básico (oldtoolbag.com)</title>/title> <style> /* Seletor que escolhe o primeiro <p> dentro do pai, independentemente de sua posição entre os irmãos. */ p:first-of-type cor: vermelha; } </style> </head> <body> <h1>Este é um título</h1> <p>Este é o primeiro parágrafo.</p> <p>Este é o segundo parágrafo.</p> <p>Este é o terceiro parágrafo.</p> <p>Este é o quarto parágrafo.</p> </body> </html>Teste e veja ‹/›
:first-of-O seletor type combina elementos cujo pai é o primeiro elemento do tipo específico.
Dica: e :nth-of-type(1) tem o mesmo significado.
Os números na tabela representam a primeira versão do navegador que suporta essa propriedade.
| seletor | |||||
|---|---|---|---|---|---|
| :first-of-type | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |