Splošne lastnosti pri združevanju izbirnikov v CSS
Zgodi se, da so nekatere lastnosti izbirnikov enake, druge pa različne. V naslednji kodi imajo na primer naslovi in odstavek rdečo barvo, vendar ima odstavek poleg tega še dodatne lastnosti:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
V tem primeru lahko ponavljajoče se dele združimo, tiste, ki se ne ponavljajo, pa zapišemo ločeno:
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Poenostavite kodo z uporabo združevanja izbirnikov:
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Poenostavite kodo z uporabo združevanja izbirnikov:
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}