Vispārīgās īpašības, grupējot selektorus CSS
Dažreiz gadās, ka dažu selektoru īpašības daļēji sakrīt, bet daļēji atšķiras. Piemēram, sekojošā kodā virsrakstiem un rindkopai ir sarkana krāsa, bet rindkopai papildus tam ir vēl citas īpašības:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
Tādā gadījumā var sagrupēt atkārtojošos datus, bet to, kas neatkārtojas, pierakstīt atsevišķi:
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Vienkāršojiet kodu, izmantojot selektoru grupēšanu:
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Vienkāršojiet kodu, izmantojot selektoru grupēšanu:
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}