CSS3: Pseudo Class / Element ve İleri Seçiciler
23 Ağu 2025
31:57
YouTube'da izle
Açıklama
Bu video, CSS3 eğitim serisinin 8. bölümü olup pseudo-class (sahte sınıflar), pseudo-element (sahte elementler) ve ileri düzey seçiciler konularını kapsamlı bir şekilde incelemektedir. Videoda öne çıkan başlıklar şunlardır:
- Yapısal Seçiciler (01:42 - 07:09): nth-child, nth-of-type, first-child, last-child ve only-child gibi elemanları konumlarına veya tiplerine göre hedefleyen seçicilerin kullanımı.
- Kullanıcı Etkileşimli Form Durumları (07:11 - 14:32): hover, focus, checked, enabled, disabled, required, optional, valid ve invalid gibi durumların CSS ile nasıl biçimlendirileceği.
- İçerik Ekleme ve Metin İşlemleri (14:35 - 19:18): before, after kullanımıyla sanal içerik oluşturma; first-letter, first-line, selection, marker ve placeholder ile metin bazlı özelleştirmeler.
- İleri Seçiciler (19:21 - 24:50): is, where, not, empty, lang ve değişken tanımlama için root kullanımı.
- Öznitelik (Attribute) Seçicileri (24:50 - 31:00): HTML elementlerinin özniteliklerine (ID, class, href vb.) dayalı olarak yapılan detaylı seçim teknikleri.
Video, bu seçicilerin profesyonel projelerde nasıl daha efektif kullanılabileceğini pratik örneklerle açıklamaktadır.