Problemi eredità tabelle annidate

[enollen]

Salve a tutti, ho un problema di ereditarietà sulle tabelle.
Praticamente ho una pagina che mostra un formulario, nel quale ci sono elementi dinamici.

Questi elementi dinamici son composti da div con all'interno elementi tabellari, oppure altre semplici tabelle.

Il problema è che qualsiasi tabella annidata eredita il css da quella esterna.
Questo è un esempio del codice:

<table id="tbl1" >
<tr>
    <div class="pippo">
        <table>
            <tr>
                <td>blabla</td>
                <td>blabla</td>
            </tr>
        </table>
    </div>
</tr>
</table> 

CSS

table#tbl1 td + td{
    width:75%;
    text-align:justify;
    border-left:2px black solid;
}

.pippo table td {
    text-align:justify;
    width:50%;
    border:2px gray solid;
} 

Nella seconda tabella vengono ereditate e sovrascritte tutte le regole già menzionate nella prima tabella.

grazie

[fcaldera]

Originariamente inviato da enollen

table#tbl1 td + td{
	width:75%;
	text-align:justify;
	border-left:2px black solid;
}

.pippo table td {
	text-align:justify;
	width:50%;
	border:2px gray solid;
}

secondo la descrizione del tuo markup (tabelle annidate) queste regole possono essere sovrascritte specificando

table#tbl1 table td + td {
	width:75%;
	text-align:justify;
	border-left:2px black solid;
}

.pippo table table td {
	text-align:justify;
	width:50%;
	border:2px gray solid;
}