İç içe yapıları örneklendirelim; alışveriş sitelerindeki üst menüde bulunan kategorileri düşünelim. Bu menüde; giyim, elektronik, oto, ev, süpermarket olabilir. Elektronik üzerinden biraz daha özele gidelim; bilgisayar, telefon, beyaz eşya olabilir. Telefon üzerinden biraz daha özele gidelim; android telefon, ios telefon olabilir. Android telefon üzerinden daha da özele inelim; samsung telefon, oppo telefon, xiaomi telefon olabilir. Doküman üzerinde her bir başlığa ve başlık altındaki elemente erişmek için seçici bildiriminde bulunmam gerekecek ve bu kod tekrarı ile okunaksızlığa sebep olacak. Scss ile kod tekrarının önüne geçmek ve okunaklığı artırmak mümkün. Bunun için kök seçici parantezleri içerisinde alt alta olarak ilgili seçici elementi belirtip stil verebilirim.
Kategori uyarlamasına benzer olarak hayvanlar alemi üzerinden görselleştirmeyi denedim. Html kod blokları aşağıdadır.
Önce scss kullanmadan stillendirelim.
Şimdi scss kullanalım.
Toplam Beğeni Sayısı: 1
|Görüntülenme||Gönderi|
|1894||Faktöriyel|
|1853||Php ile Farklı Sayfadan Veri Çekme (CURL)|
|1718||LRU sayfa yer değiştirme algoritması (LRU-Least Recently Used page replace algorithm)|
Farklı Dokümanların Tek Dokümanda Birleştirilmesi (import)
Özellikleri Gruplama
Kalıtım (Extend/Inheritance)