CSS'te Seçici Gruplama
Bazen şöyle bir durumla karşılaşabilirsiniz:
farklı etiketlere aynı işlemi uygulamanız
gerekir, örneğin, tüm h2, h3
başlıklarını ve paragrafları kırmızı renge
boyamak. Bu durumda şuna benzer bir şey
yazmanız gerekecek:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Ancak, bunu biraz daha kısa yapmanın bir yolu var: etiket seçicileri virgülle birleştirilebilir ve CSS kodu hepsine aynı anda uygulanır. Yukarıdaki kod şu şekilde daha kısa yazılabilir:
h2, h3, p {
color: red;
}
Seçici gruplamasını kullanarak kodu basitleştirin:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}