Css

CSS İleri Düzey – CSS Seçicileri Gruplama (Grouping Selectors)

CSS Seçicileri Gruplama (Grouping Selectors)

Gruplama

CSS seçicileri gruplama, Birden fazla stilde sıkça kullanılan CSS komutları varsa ise, bunları toplu bir şekilde yazıp özelliği bir kez atama şansımız vardır.

Örnek: Aşağıda birden fazla sitilde sıkça kullanılan CSS komutları var.

Yani tüm seçicilerin özellikleri ve değerleri aynı ise bu seçicileri virgül ile ayırarak gruplayabiliriz. Ayrıca bu durumda kod tasarrufu yapıp daha az kod yazmış olacağız.

CSS Seçicileri İç içe Yerleştirme (Nesting Selectors)

Aşağıda HTML ve Css kodlarımız var.

Yukarıdaki CSS kodumuz tüm “p” etiketlerinin içerik renklerini “gri” olarak, ve “ozel-paragraf” class’lı div’imizin arkaplan rengini “mavi” olarak tanımladı.

Biz “ozel-paragraf” class’lı div’in altında ki “p” etiketinin içerik renginin “beyaz” olmasını istersek şu kullanımı uygulayacağız.

Yazar Hakkında

Beytullah Toprak

Genç girişimci olarak web sitemde siz değerli okuyucularımıza elimden geldiğince bilgi aktarmak hem öğrenmek , hem sizlere öğretmek amaçlamaktayız.

Yorum Yap