CSS grup seçicileri, birbirine benzer özelliklere sahip birden fazla HTML öğesine aynı stili uygulamak için kullanılır. Grup seçicileri, bir veya daha fazla seçiciyi virgülle ayırarak gruplamak suretiyle oluşturulur.
Örneğin, HTML'de benzer özelliklere sahip farklı öğelerimiz olsun:
<h2 class="baslik">Bu bir başlık</h2>
<p class="icerik">Bu bir paragraf</p>
<a class="link" href="#">Bu bir bağlantı</a>
CSS ile bu öğelere aynı stilin uygulanması için grup seçicisi kullanabiliriz:
.baslik, .icerik, .link {
color: blue;
font-family: 'Arial', sans-serif;
}
Bu örnekte, .baslik, .icerik ve .link sınıflarına sahip tüm öğelere mavi renk ve Arial fontu uygulanacaktır.
Grup seçicileri, benzer özelliklere sahip farklı öğeleri hedeflemek ve kod tekrarını azaltmak için kullanışlıdır.