Regole comuni e individuali

[mircov]

Salve ragazzi. Ho queste due regole:

div#mnSmImg
{
height: 16px ;
width: 181px ;
margin: 0px ;
padding: 0px ;
border: 0px ;
clear: both ;
}

div#mnBigImg
{
height: 16px ;
width: 181px ;
margin: 0px ;
padding: 0px ;
border: 0px ;
clear: both ;
}

Come vedete cambia solo l'altezza tra le due regole.
Vorrei, quindi, impostare una regola comune ai due div dove specificare tutti gli attributi comuni tranne height mentre in altre due regole individuali specifico l'altezza di ognuno. Qual è la sintassi corretta? Grazie mille! Ciao!

[Mich_]

Ci sono varie soluzioni, che dipendono dall'uso che vuoi/devi farne:

Esempio:
div {
height: 16px ;
width: 181px ;
margin: 0px ;
padding: 0px ;
border: 0px ;
clear: both ;
}

div#mnBigImg {
height: 160px ;
}

Oppure:
div {
width: 181px ;
margin: 0px ;
padding: 0px ;
border: 0px ;
clear: both ;
}
div#mnSmImg {
height: 16px ;
}
div#mnBigImg
{
height: 160px ;
}

Oppure:
div.common {
width: 181px ;
margin: 0px ;
padding: 0px ;
border: 0px ;
clear: both ;
}
div#mnSmImg {
height: 16px ;
}
div#mnBigImg
{
height: 160px ;
}
con:
<div id="mnSmImg" class="common"> ... </div>
<div id="mnBigImg" class="common"> ... </div>

Ma ci sono anche altre varianti, come (ad esempio)
<div class="common mnSmImg"> ... </div> (non ricordo se ci va una virgola come separatore, o uno spazio)

[mircov]

No, io voglio fare qualcosa del genere:

div#mnSmImg mnBigImg
 {
   width: 181px ;
   margin: 0px ;
   padding: 0px ;
   border: 0px ;
   clear: both ; 
 }

div#mnSmImg
 {
   height: 16px ;
 }

div#mnBigImg
 {
   height: 90px ;
 }

Ecco quello che voglio fare! Quello che mi serve, però, è la sintassi corretta! Grazie mille Mich_!

[pierofix]

div#mnSmImg,
div#mnBigImg {
   width:181px;
   margin:0; padding:0;
   border:none;
   clear:both; 
}

div#mnSmImg { height:16px }
div#mnBigImg { height:90px }

[mircov]

OK! Perfetto! grazie mille! Ciao!