Proprietăți comune la gruparea selectorilor în CSS
Se întâmplă ca o parte din proprietățile unor selectori să fie identice, iar o parte - să difere. În următorul cod, de exemplu, titlurile și paragraful au culoarea roșie, dar paragraful are în plus și alte proprietăți:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
În astfel de cazuri, puteți grupa părțile care se repetă, iar ceea ce nu se repetă, să le scrieți separat:
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Simplificați codul, folosind gruparea selectorilor:
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Simplificați codul, folosind gruparea selectorilor:
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
