Bendrosios savybės grupuojant selektorius CSS
Būna taip, kad dalis kai kurių selektorių savybių yra vienodos, o dalis – skiriasi. Pavyzdžiui, tokiame kode antraštės ir pastraipa turi raudoną spalvą, tačiau pastraipa be to turi ir papildomų savybių:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
Tokiu atveju galima sugrupuoti pasikartojančias dalis, o tai, kas nekartojama, užrašyti atskirai:
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Supaprastinkite kodą, naudodami selektorių grupavimą:
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Supaprastinkite kodą, naudodami selektorių grupavimą:
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}