Pseudo-kelas :first-child CSS

Definisi dan penggunaan

CSS :first-child Pseudo-kelas digunakan untuk memilih elemen yang menjadi anak pertama elemen induknya (dalam grup elemen saudara).

Contoh

Contoh 1

Pilih dan atur gaya bagi setiap elemen <p> yang adalah anak pertama elemen induknya:

p:first-child {
  background-color: yellow;
}

Coba sendiri

Contoh 2

Pilih dan atur gaya bagi setiap elemen <i> yang adalah anak pertama elemen induknya:

i:first-child {
  background: yellow;
}

Coba sendiri

Contoh 3

Pilih dan atur gaya bagi setiap elemen <li> pertama dalam daftar:

li:first-child {
  background: yellow;
}

Coba sendiri

Contoh 4

Pilih dan atur gaya bagi setiap elemen pertama anak <ul>:

ul > :first-child {
  background: yellow;
}

Coba sendiri

Syarat CSS

:first-child {
  pernyataan css;
}

Detil teknis

Dukungan browser

Angka di tabel menunjukkan versi pertama penggunaan browser untuk pseudo-kelas yang didukung sepenuhnya.