Sass TutorialLesson 5Preview gratis
Sass Nesting
Lesson ini bagian dari SASS · Semua level
Ringkasan
Nesting memungkinkan menulis selector di dalam selector lain mengikuti struktur HTML sehingga stylesheet terbaca lebih intuitif. Sass juga mendukung parent selector dengan tanda & untuk merujuk selector induk, misalnya pada state hover. Penggunaan nesting yang bijak menjaga selector tetap dangkal agar hasil CSS tidak terlalu spesifik.
Poin kunci
- Nesting menempatkan selector anak di dalam blok selector induk
- Tanda & merujuk ke selector induk, berguna untuk pseudo-class dan modifier
- Element selector sebaiknya tidak ditumpuk terlalu dalam agar spesifisitas tetap rendah
- Hasil kompilasi mengeluarkan selector anak pada level paling luar
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.