Tabella che non erediti stile

[frykky]

Salve a tutti,
ho un blog wordpress con il suo bel foglio di stile che va una meraviglia.
All'interno di questo blog ho messo un widget testo che contiene del codice php.
Con questo codice creo una tabella e vorrei che non ereditasse lo stile dal css principale perchè altrimenti ottengo questo risultato




Sto provando in tutti i modi ma senza successo.
Ho fatto nel mio css

 
#mio
{
line-height:0; (ho messo una proprietà a caso)
}

<table id="mio"> 												<thead>Tabellino</thead> 	
<?php 
[...]
<tr id="mio"> 
<td id="mio"> 
<?php  echo $nome;?> 												</td>
<td id="mio">	
<?php $i = [...]
</td> 
</tr> 
</table>

(non fate caso ai tag php non chiusi, vi ho tolto parte di codice)


E lui continua ad ereditarmi

table {     -moz-border-bottom-colors: none;
     -moz-border-image: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: #999999 #CCCCCC #CCCCCC;
     border-radius: 3px 3px 3px 3px;
     border-spacing: 0;
     border-style: solid;
     border-width: 1px;
     margin: 10px 0 20px;
     width: 100%; }

[KillerWorm]

Ciao,
credo che in questo caso non sia un problema di ereditarietà ma più che altro sia un problema di sovrascrittura dovuto all'ordine di esecuzione dei due css. E' probabile che il css principale venga eseguito dopo il tuo, sovrascrivendo così le regole che hai specificato.

Puoi risolvere semplicemente "invertendo" l'ordine di esecuzione. Se ad esempio hai i css su file esterni, puoi invertire i relativi tag <link> facendo in modo che quello relativo al tuo css risulti posizionato dopo quello del css principale. Analogamente, se hai dichiarato il tuo css sulla pagina, puoi spostare il tag <style> dopo la posizione in cui viene eseguito quello principale.

In alternativa si può utilizzare la keyword !important per assegnare delle priorità alle regole (http://css.html.it/guide/lezione/470...ord-important/).