[CSS] div con con stili quasi uguali

[gaten]

Salve ragazzi, spesso mi ritrovo a scrivere in un set di proprietà css, proprietà che risultano essere simili o uguali per esempio:

Ho un div che ha uno sfondo blu, padding 5px, altezza di 300px e poi ho un altro div dove ha tutte queste caratteristiche solo che cambia l'altezza che invece di essere 300px è 400px.

Ora mi domando, c'è un modo per non creare due stili quasi uguali ma crearne uno unico che accomuna
padding e sfondo?

[Nobody33]

Certo che c'è:

#div1, #div2{
color: red;
padding:5px;
}

#div1{
margin:10px;
}

#div2{
margin:8px;
}

Spero ti è chiaro come esempio.

[gaten]

Certo che c'è:

#div1, #div2{
color: red;
padding:5px;
}

#div1{
margin:10px;
}

#div2{
margin:8px;
}

Spero ti è chiaro come esempio.

Grazie per la tua risposta tempestiva.

Praticamente spezzi le regole che hanno in comune e le associ a tutti i div che hanno bisogno in questo modo
#div1, #div2, #3div
poi definisci le regole specifiche usando il nomde del div. Qualora stessi lavorando con le classi?

[Nobody33]

Qualora stessi lavorando con le classi?

Fai la stessa cosa.

Altro esempio:

#main .div1, #main .div2, #bg #main div3, #main > .div4{

regole
}

e via dicendo.

In pratica, ogni volta che metti una virgola ci puoi scrivere le stesse regole associate al contenitore che vuoi con qualunque selettore;
>,*,#,., ecc.. si chiamano selettori.