Buen día.
Tengo el siguiente estilo de una tabla.
Código:
/*
Plain old table styles
written by Chris Heilmann http://wait-till-i.com
*/
table,td,th{
border:1px solid #000;
border-collapse:collapse;
margin:0;
padding:0;
font-family: Courier New;
}
td,th{
padding:.2em .5em;
vertical-align:top;
font-weight:normal;
}
caption{
text-align:Center;
background:#393B0B;
color:#F5F6CE;
font-weight: bold;
font-size:120%;
letter-spacing:1px;
}
thead th{
text-transform:uppercase;
background:#5E610B;
font-weight: bold;
color:#fff;
}
thead td{
font-weight: bold;
background:#868A08;
color:#fff;
}
tbody td{
background:#F5F6CE;
}
tbody th{
background:#F3F781;
font-weight: bold;
}
tbody tr.odd td{
background:#eee;
}
tbody tr.odd th{
background:#ccc;
}
table th a:link{
color:#030;
}
table th a:visited{
color:#003;
}
table td a:link{
color:#369;
}
table td a:visited{
color:#000;
}
table a:hover{
text-decoration:none;
}
table a:active{
color:#000;
}
.css000 table, td, th{
}
Y tengo la siguiente tabla:
Código:
<table>
<caption>Esto es el caption</caption>
<thead>
<tr>
<th>DEL thead el th</th>
<th>DEL thead el th</th>
<td>DEL thead el td</td>
</tr>
</thead>
<tbody>
<tr>
<th>DEL tbody el th</th>
<td>DEL tbody el th</td>
<td>DEL tbody el td</td>
</tr>
<tr>
<th>DEL tbody el th</th>
<td>DEL tbody el th</td>
<td>
<table>
<caption>Esto es el caption</caption>
<thead>
<tr>
<th>DEL thead el th</th>
<th>DEL thead el th</th>
<td>DEL thead el td</td>
</tr>
</thead>
<tbody>
<tr>
<th>DEL tbody el th</th>
<td>DEL tbody el th</td>
<td>DEL tbody el td</td>
</tr>
<tr>
<th>DEL tbody el th</th>
<td>DEL tbody el th</td>
<td>DEL tbody el td</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
Dentro de dicha tabla, dentro de una selda esta otra tabla, pero no conserva las propiedades originales, sino q queda toda una chorrada. Como podria hacer para que funcione el estilo en la primera y el mismo estilo en la segunda q esta dentro, la idea es hacer el estilo "GENERICO" y no nombrar estilos.
Alguna idea. si me ayudan con el codigo les agradezco ...