Pseudokelas first-of-type
Pseudokelas first-of-type memilih
elemen yang merupakan anak pertama
ibu bapa bagi jenis yang ditentukan. Iaitu, jika ditulis
h2:first-of-type - h2 pertama dalam ibu bapa akan dijumpai
(berbeza dengan first-child,
yang hanya akan menjumpai h2 yang berada
pada kedudukan pertama dalam ibu bapa).
Sintaks
pemilih:first-of-type {
}
Contoh
Mari cari perenggan, yang merupakan perenggan pertama dalam ibu bapa:
<div>
<h2>tajuk</h2>
<p>perenggan</p>
<h2>tajuk</h2>
<p>perenggan</p>
<h2>tajuk</h2>
<p>perenggan</p>
</div>
p:first-of-type {
color: red;
}
:
