Pseudo-class :first-child digunakan untuk memberikan dampak aturan CSS bagi elemen yang merupakan First-child dari suatu elemen. Bentuk pseudo class ini:
E:first-child
E adalah elemen yang diberikan dampak aturan CSS, tetapi dengan syarat bahwa E harus merupakan First-child dari elemen Parent-nya.
Sebagai contoh jika ingin memberikan dampak aturan CSS kepada setiap elemen P yang merupakan First-child elemen manapun yang menjadi elemen Parent-nya. Sebagai contoh:
<HTML>
<HEAD>
<STYLE TYPE="text/css">
P:first-child {
color: red;
}
</STYLE>
</HEAD>
<BODY>
<P>Alinea 1 di dalam BODY.</P>
<DIV>
<P>Alinea 1 di dalam DIV.</P>
<P>Alinea 2 di dalam DIV.</P>
</DIV>
<P>Alinea 2 di dalam BODY.</P>
</BODY>
</HTML>
Contoh di atas, elemen P yang teksnya 'Alinea 1 di dalam BODY.' dan elemen P yang teksnya 'Alinea 1 di dalam DIV.' yang terkena dampak dari aturan CSS. Karena masing-masing merupakan First-child dari elemen BODY dan First-child dari elemen DIV.
