CSS3: Seçiciler (Selectors) ve Özgüllük Kavramı (Specificity)

Bu video, CSS seçicileri (selectors) ve özgüllük (specificity) kavramlarına temel bir giriş yapmaktadır. Videoda öne çıkan konu başlıkları şunlardır:

• CSS Uygulama Yöntemleri: Stillerin HTML'e uygulanma yolları olan inline, internal ve external yöntemlerin birbirine olan üstünlükleri açıklanır (0:36-2:00).
• Temel Seçiciler:
  • Element Seçicisi: Etiketin doğrudan ismini kullanarak biçimlendirme yapar (2:12).
  • ID Seçicisi: # sembolü ile tanımlanan, nokta atışı ve en güçlü seçicilerden biridir (2:23).
  • Class Seçicisi: . sembolü ile tanımlanan ve birden fazla öğeyi gruplandırmak için kullanılan yöntemdir (3:09).
• Özgüllük (Specificity) Katsayısı: Tarayıcıların hangi CSS kuralının geçerli olacağına karar verirken kullandığı hiyerarşi anlatılır (4:05). ID'lerin sınıflardan, sınıfların ise element seçicilerinden daha güçlü olduğu sayısal değerlerle örneklendirilir (5:05).
• !important Kuralı: Normal hiyerarşiyi tamamen ezip geçen !important söz diziminin kullanımı ve ne zaman tercih edilmemesi gerektiği vurgulanır (9:56).
• Gelişmiş Kombinasyonlar: Seçicilerin iç içe kullanılarak (örneğin: ul #primaryNav li.active) özgüllük değerinin nasıl yönetileceği uygulamalı olarak gösterilir (13:17).