Sass TutorialLesson 8Preview gratis
Sass @extend
Lesson ini bagian dari SASS · Semua level
Ringkasan
Aturan @extend memungkinkan satu selector mewarisi seluruh aturan dari selector lain sehingga aturan tersebut dikelompokkan dalam satu daftar selector di CSS hasil. Cara ini berguna untuk menghindari pengulangan blok gaya yang sama. Namun penggunaannya perlu hati-hati agar selector akhir tidak menjadi terlalu panjang dan sulit diprediksi.
Poin kunci
- @extend membuat selector mewarisi seluruh properti dari selector lain
- Hasil kompilasi menggabungkan selector dengan tanda koma
- @extend hanya menyalin deklarasi, bukan blok bersarang bersifat khusus
- Alternatif serupa dengan fungsi @placeholder dengan awalan persen
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.