Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Muhammet adlı bir eğitmen tarafından sunulan bir CSS dersidir. Eğitmen, CSS3 ile gelen en çok kullanılan seçicileri göstermektedir.
- Videoda CSS3'te kullanılan çeşitli seçiciler adım adım gösterilmektedir. İlk olarak first child, last child ve nth-child seçicileri anlatılmakta, ardından + (artı) ve > (büyüktür) seçicileri örneklerle açıklanmaktadır. Eğitmen, her seçicinin nasıl kullanılacağını, hangi durumlarda etkili olduğunu ve menü yapısı gibi pratik örneklerle göstermektedir. Video, CSS3 seçicilerini öğrenmek isteyenler için temel bilgiler sunmaktadır.
- 00:25CSS'de Çocuk Seçicileri
- İlk çocuk seçici (first-child) sadece seçilen tagın ilk çocuğunu seçer.
- Son çocuk seçici (last-child) sadece seçilen tagın son çocuğunu seçer.
- Belirli bir çocuk seçici (nth-child) parantez içinde belirtilen sıradaki tagı seçer, örneğin 4th-child 4. sıradaki tagı seçer.
- 01:54Çift Çocuk Seçicileri
- Çift çocuk seçici (odd-child) tek numaralı çocukları seçer.
- Çift çocuk seçici (even-child) çift numaralı çocukları seçer.
- Bu seçiciler matematikteki gibi kullanılabilir, örneğin 2n çift numaralı çocukları, 3n ise 3, 6, 9 gibi çift numaralı çocukları seçer.
- 02:39Sonraki Çocuk Seçicileri
- Artı (+) işareti, belirtilen tagdan hemen sonra gelen ilk çocuğu seçer.
- Artı işareti ile belirtilen tagdan sonra gelen tüm çocukları seçmek için "+" işareti tekrarlanır.
- Bu seçiciler sadece belirtilen seviyedeki çocukları seçer, içlerindeki çocukları ilgilendirmez.
- 03:58Büyüktür (>) Seçicisi
- Büyüktür (>) seçicisi, belirtilen tagın içindeki ilk seviyedeki çocukları seçer.
- Bu seçiciler içlerindeki çocukları ilgilendirmez, sadece belirtilen seviyedeki çocukları seçer.
- İlk harf seçici (first-letter) belirtilen tagın ilk harfini seçer, örneğin "first-letter" paragrafın ilk harfini seçer.