საერთო თვისებები სელექტორების დაჯგუფებისას CSS-ში

ხშირად ხდება, რომ ზოგიერთი სელექტორის თვისებების ნაწილი ერთნაირია, ნაწილი კი - განსხვავებული. შემდეგ კოდში, მაგალითად, სათაურებს და აბზაცს აქვთ წითელი ფერი, მაგრამ აბზაცს ამას გარდა კიდევ აქვს დამატებითი თვისებები:

cssh2 {
  color: red;
}
h3 {
  color: red;
}
p {
  color: red;
  text-align: justify;
  font-size: 16px;
}

ასეთ შემთხვევაში შესაძლებელია განმეორებადი ნაწილების დაჯგუფება, ხოლო ის, რაც არ მეორდება, ცალკე დავწეროთ:

cssh2, h3, p {
  color: red;
}
p {
  text-align: justify;
  font-size: 16px;
}

cssh1 {
  text-align: center;
}
h2 {
  text-align: center;
  color: blue;
}
h3 {
  text-align: center;
  font-size: 16px;
  color: red;
}

cssh1 {
  text-align: center;
  color: red;
}
h2 {
  text-align: center;
  color: red;
}
h3 {
  text-align: center;
  font-size: 16px;
  color: red;
}