A :first-child pseudo-osztály

A :first-child pseudo-osztály egy elem első közvetlen leszármazottjára (első gyermekére) vonatkozóvá teszi a szabályt.

Pontos használatát a következő példával lehet szemléltetni:

DIV > P:first-child { text-indent: 0}

Ez a szabály azokra a P elemekre vonatkozik, amelyek egy DIV elem első gyermekei (az első sor behúzását ezekben a bekezdésekben a szabály megszünteti). Valahogy így nézhet ki a HTML részlet, amelyre érvényes lesz a fenti szabály:

A pseudo-osztály használható még a következőképpen is:

P:first-child EM { font-height: bold}

Ez a szabály azokra az EM elemekre lesz érvényes, amelyek egy olyan P elem leszármazottai, amelyek valamely más elemnek az első gyermekei. A fenti szabály egyébként ekvivalens a következővel:

* > P:first-child EM { font-height: bold}