Generelle egenskaber ved gruppering af selektorer i CSS
Det sker nogle gange, at en del af egenskaberne for visse selektorer er de samme, mens en anden del er forskellig. I følgende kode har overskrifter og afsnit for eksempel rød farve, men afsnittet har derudover også andre egenskaber:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
I sådanne tilfælde kan du gruppere de gentagne dele, mens det, der ikke gentages, skrives separat:
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Forenkl koden ved at bruge gruppering af selektorer:
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Forenkl koden ved at bruge gruppering af selektorer:
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
