Allmänna egenskaper vid gruppering av selektorer i CSS
Det händer att en del egenskaper hos vissa selektorer är desamma, medan en del skiljer sig åt. I följande kod har till exempel rubriker och stycken röd färg, men stycket har dessutom andra egenskaper:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
I sådana fall kan du gruppera de upprepade delarna och skriva det som inte upprepas separat:
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Förenkla koden genom att använda gruppering av selektorer:
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Förenkla koden genom att använda gruppering av selektorer:
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
