pseudo-class struktural
Termasuk bagian Menguasai CSS dalam perjalanan HTML di Coddy. Pelajaran 12 dari 43.
Pseudo-class struktural dalam CSS digunakan untuk memberi gaya pada elemen berdasarkan posisi atau strukturnya dalam dokumen HTML. Pseudo-class ini memungkinkan kamu memilih elemen seperti anak pertama, anak terakhir, atau anak bernomor tertentu tanpa memerlukan class atau ID tambahan.
Contoh umum meliputi:
:first-child: memilih anak pertama dari parent.
:last-child: memilih anak terakhir dari parent.:nth-child(n): memilih anak ke-n (misalnya, setiap anak ke-2, ke-3, dan seterusnya).
Coba sendiri
Pelajaran ini tidak memiliki tantangan kode.
Uji dirimuPelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.
Semua pelajaran di Menguasai CSS
1Menguasai Selector, Kombinasi
PengantarSelector KeturunanSelector AnakSelector Saudara SebelahSelector Saudara UmumTantangan Rangkuman7Membangun dengan CSS Grid
Dasar-Dasar GridPenempatan Item dengan grid-rowArea BernamaTantangan Rangkuman3pseudo-class struktural
pseudo-class strukturalMemilih Anak PertamaMemilih Anak TerakhirKekuatan Pola: Menggunakan nth-childTantangan RangkumanLatihan sendiri: Playground Web