Proprietà comuni quando si raggruppano i selettori in CSS
Succede che alcune proprietà di alcuni selettori sono uguali, mentre altre differiscono. Nel codice seguente, ad esempio, i titoli e il paragrafo hanno il colore rosso, ma il paragrafo ha inoltre altre proprietà:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
In tal caso, è possibile raggruppare le parti ripetute e scrivere separatamente ciò che non si ripete:
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Semplificate il codice utilizzando il raggruppamento dei selettori:
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Semplificate il codice utilizzando il raggruppamento dei selettori:
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}