CSS'te Seçici Gruplama İşleminde Ortak Özellikler
Bazı seçicilerin özelliklerinin bir kısmı aynı, bir kısmı farklı olabilir. Aşağıdaki kodda, örneğin, başlıklar ve paragraf kırmızı renge sahip, ancak paragrafın buna ek olarak başka özellikleri de var:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
Böyle bir durumda, tekrarlanan kısımları gruplayabilir, tekrarlanmayan kısımları ise ayrıca yazabilirsiniz:
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Seçici gruplamayı kullanarak kodu basitleştirin:
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Seçici gruplamayı kullanarak kodu basitleştirin:
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}