Gruparea selectorilor în CSS
Uneori poate apărea următoarea situație:
trebuie să faci același lucru cu diferite
tag-uri, de exemplu, să colorezi toate titlurile
h2, h3 și paragrafele în culoarea roșie.
În acest caz, va trebui să scrii ceva
de genul:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Cu toate acestea, există o modalitate de a face acest lucru puțin mai scurt: selectorii de tag-uri pot fi grupați prin virgulă, iar codul CSS se va aplica la toți simultan. Codul de mai sus poate fi rescris mai scurt astfel:
h2, h3, p {
color: red;
}
Simplificați codul, folosind gruparea selectorilor:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
