CSS-də selektorların qruplaşdırılması
Bəzən belə bir vəziyyət yarana bilər:
müxtəlif teqlərə eyni şeyi etmək lazımdır,
məsələn, bütün başlıqları h2, h3 və abzasları qırmızı rəngə boyamaq.
Bu halda siz təxminən belə bir şey yazmalı olacaqsınız:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Lakin, bunu bir az daha qısa etməyin bir yolu var: teq seleqtorları vergüllə birləşdirilə bilər və CSS kodu hamısına eyni vaxtda tətbiq olunacaq. Yuxarıdakı kodu daha qısa şəkildə belə yenidən yazmaq olar:
h2, h3, p {
color: red;
}
Selektorların qruplaşdırılmasından istifadə edərək kodu sadələşdirin:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}