Ereditarietà..

[tsunamin]

Ho una domanda

Ho nell'html ad esempio:

<div class="modulo_registrazione">
..
</div>

<div class="modulo_messaggio">
..
</div>

In pratica poi nel CSS dovrò andare a definire:

.modulo_registrazione {
...
}

.modulo_messaggio {
...
}

Il fatto è che spesso le due classi hanno le stesse proprietà però accade ogni tanto che una delle due ha qualcosa di specifico in più rispetto all'altra..

E' possibile utilizzare una cosa nell'html tipo:

<div class="modulo.registrazione">
..
</div>

<div class="modulo.messaggio">
..
</div>

E nel CSS dover definire SOLO

.modulo {
...
}

E eventualmente poi definire:

.modulo.registrazione {
...
}

.modulo.messaggio {
...
}

Solo per le reali differenze che ci sono rispetto la classe madre "modulo" ?

Grazie.

[fcaldera]

il CSS non è un linguaggio ad oggetti però ci sono dei costrutti che ti permettono di fare la stessa cosa, ad esempio

html

<div class="moduli">
   <div class="registrazione">
   ..
   </div>

   <div class="messaggio">
   ..
   </div>
</div>

css

.moduli div {  /* stile comuni di entrambi i moduli */ }
.registrazione {  /* stile per modulo registrazione */ }
.messaggio {  /* stile per modulo messaggio */ }

---

Se invece non puoi aggiungere un div contenitore puoi fare ancora così:

<div class="modulo registrazione">
..
</div>

<div class="modulo messaggio">
..
</div>

css

.modulo {  /* stile comuni di entrambi i moduli */ }
.registrazione {  /* stile per modulo registrazione */ }
.messaggio {  /* stile per modulo messaggio */ }

Ciao
-Fab-