CSS Selector Kullanımı
CSS üzerinde class, id gibi elemanları göze hitap eden, okunabilir, kitlemize uygun bir stil oluşturma amacıyla kullanıyoruz. Classlar bunu sağlayabilmemiz için aracı oluyor. Uygulamak istediğimiz stili, uygulayacağımız bölgeye erişimi sağlıyorlar. Bu özelliğinden dolayı class,etiket seçici olarak adlandırılabilir.
CSS'de onlarca seçici mevcuttur. Bunlardan en bilindik olanlar; class, id ve etiketlerdir. Mouseclick olayları için de fazla kullanılan hover, active ve focus seçicilerini de bu listeye dahil edebiliriz. Bu yazıda yukarıdakilerin dışında kalan seçicileri inceleyeceğiz.
Aynı şekilde son elemana stil uygulamak için, :last-child seçicisini kullanabiliriz.
:nth-child() seçicisindeki paranteze dikkat edelim. Sayı ile birlikte farklı parametreler de alabilir. Odd(tek) ve Even(çift), matematiksel formül gibi değerleri girebiliriz.
Seçiciler aynı zamanda Javascript için de erişim imkanı sağlar.
- :first-child, :last-child:
Aynı şekilde son elemana stil uygulamak için, :last-child seçicisini kullanabiliriz.
- :nth-child() :
:nth-child() seçicisindeki paranteze dikkat edelim. Sayı ile birlikte farklı parametreler de alabilir. Odd(tek) ve Even(çift), matematiksel formül gibi değerleri girebiliriz.
- ardışık seçiciler (~):
- :not():
- *: (universal)
Seçiciler aynı zamanda Javascript için de erişim imkanı sağlar.
Yorumlar
Yorum Gönder