Generelle egenskaper ved gruppering av selektorer i CSS
Det hender at deler av egenskapene til noen selektorer er like, mens andre deler er forskjellige. I følgende kode, for eksempel, har overskrifter og avsnitt rød farge, men avsnittet har i tillegg andre egenskaper:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
I slike tilfeller kan du gruppere de repeterende delene, og skrive det som ikke repeteres separat:
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Forenkle koden ved å bruke gruppering av selektorer:
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Forenkle koden ved å bruke gruppering av selektorer:
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
