Priorità CSS

[ZiBedeo]

Ciao a tutti,

ho un problema, ho la necessità far convivere 2 css, ma mentre il primo deve dare lo stile a tutto il sito, il secondo lo deve dare solo ad una specifica tabella.

in pratica..
tutto il sito è fatto con tabelle definite dal primo css ( table {padding:0px ; margin:0px;} )

a metà sito + o - devo inserire una composizione di tabelle che devono seguire un altro stile, quello definito nel secondo css. ( table {padding:40px ; margin:40px;} )

Ho già provato con la funzione !important, ma nulla.

che devo fare ?

è possibile disabilitare solo per questa composizione di tabelle il css principale ?? così da non avere incompatibilità tra i due !?

[$imone]

Se la stringa di CSS è solo questa (table {padding:40px ; margin:40px;}), potresti inserirla nella tabella attraverso l'attributo style="", senza ricorrere a 2 CSS diversi... oppure dare semplicemente un id alla tabella e richiamarla nel CSS principale (table#esempio {padding:40px; margin:40px;})... vedi tu cosa ti è più congeniale...

[ZiBedeo]

la cosa non è poprio così semplice..

le tabelle che non devono seguire lo stile del css principale ne sono tantissime .. e inserite dinamicamente, non posso mettere lo style ad ognuna di loro .. io quello che volevo fare e inserire un div e fare in modo che tutto quello che inserivo dentro questo div rispettasse solo un determinato css.

<div#principale_che_si_riferisce_al_1_CSS>
...
.....
<table id style >
( questa tabella ha lo stile definito dal 1 css)
</table>

<div#secondario_che_si_riferisce_solo_al_2_CSS>

<table>
( questa tabella ha lo stile definito dal 2 css)
</table>

</div>


</div>

[Myaku]

applica una classe alle tabelle che dovranno avere una diversa formattazione. In questo modo non serve neppure che importi due diversi documenti .css, puoi gestire tutto da uno unico. Ovviamente, prima definirai gli stili per table, poi quelli per table.tuaClasse

[ZiBedeo]

il problema è che io non posso modificare la tablla inserendoci la classe..

queste tabelle sono importate,.. io non posso toccarle.

quello che vorrei è .. se si può fare.... che le tabelle che si trovano dentro uno specifico DIV non ereditano lo stile dal css principale.

<div#che_non_eredita_dal_css_principale>

<table>
</table>


</div>

[Myaku]

#che_non_eredita_dal_css_principale table {
/* il tuo stile */
}

[ZiBedeo]

nulla da fare!

ho fatto così :

<div id="principale">

<div id="mio">
le tabelle qui dentro continuano ad ereditare lo stile di ( id="principale" )
</div>

</div>

nel css relativo ad id "mio" ho fatto così :

#mio body{font:8pt tahoma,arial,sans-serif;margin:0;background:#E9E8F2;color:#444444}
#mio .dialogFooter{background-color:#E2E2ED;border-top:#CFCFCF 1px solid;}
#mio td{font-size:8pt}
#mio input {font:8pt tahoma,arial,sans-serif}
#mio select {font:8pt tahoma,arial,sans-serif}
#mio textarea {font:8pt tahoma,arial,sans-serif}
#mio .inpSel {font:8pt tahoma,arial,sans-serif}
#mio .inpTxt {font:8pt tahoma,arial,sans-serif;}
#mio .inpChk {width:13;height:13;margin-right:3;margin-bottom:1}
#mio .inpRdo {width:13;height:13;margin-right:3;margin-bottom:1}
#mio .inpBtn {font:8pt tahoma,arial,sans-serif;}
#mio .inpBtnOver {}
#mio .inpBtnOut {}


ma nulla!

[mucu]

perchè non metti un bel link alla pagina che ti da problemi?
o almeno il codice (racchiuso dai tag code)
nel frammento di css che hai mostrato manca quello che ti ha suggerito Myaku, il table
devi scrivere

#mio table

oppure

#mio table quellochevuoicambiare