CSS : Pemilih anak pertama
Contoh
Pilih dan gaya setiap elemen <p> yang merupakan anak pertama dari induknya:
p:first-child
{
background-color: yellow;
}
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Selektor :first-child
digunakan untuk memilih selektor yang ditentukan, hanya jika itu adalah anak pertama dari induknya.
Versi: kapan: | CSS2 |
---|
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung pemilih.
Selector | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
Sintaks CSS
:first-child {
css declarations;
}
Lebih Banyak Contoh
Contoh
Pilih dan gaya setiap elemen <i> dari setiap elemen <p>, di mana elemen <p> adalah anak pertama dari induknya:
p:first-child i
{
background: yellow;
}
Contoh
Pilih dan gaya elemen <li> pertama dalam daftar:
li:first-child
{
background: yellow;
}
Contoh
Pilih dan gaya elemen anak pertama dari setiap elemen <ul>:
ul > :first-child
{
background: yellow;
}
Halaman Terkait
Tutorial CSS: Kelas CSS Pseudo