CSS GRUPLAMA

Css yapısı bölümünde bir seçiciyi  sadece HTML etiketine atamayı gördük.Birden fazla HTML elemanına atama yapabiliriz. Buna Gruplama denir. Gruplama seçiçilerde yapıldığı gibi tanım bloğundada yapılır.

Yukarıda şemada spanlara,Birinci ve üçüncü seviye başlıklara rengini Mavi Font-Büyüklüğünü 14 px verdik. Gruplama yapılan seçicileri ayırmak için virgül kullanılır. Sınırsız sayıda seçici gruplanır. Tanım bölümünüde gruplarız aralarını
noktalı virgül ile ayırırız. Yukarıdaki Şemada 2 adet tanım(özellik) belirtilmiş.

Css tanımlarımızı hep aşağıdaki şekilde tanımlamışızdır.

h2{color:blue;}

.renk{color:blue;}

p{color:blue;}

Bu sitil kodlarını daha az kod kullanarak css grup seçicileri tarafından yapabiliriz. Bu işlem aşağıda gördüğünüz her seçici arasına virgül koyarak gerçekleşir.

h2,.renk,p{color:blue;}

DENEYİNİZ:

<h2>CSS GRUPLAMA</h2>

<p>Merhaba</p>

<span class="renk">Merhaba</span>