我开始开发网页，我正在尝试创建一个表格。 此时，如果行是奇数，则绘制不同的颜色，如果行是偶数则绘制不同的颜色。在大多数情况下，这对我有好处，但我想创建一个子类，在某些tds中用不同的颜色绘制它。 我尝试创建的子类是.Titulo，但它对我不起作用。 对不起我的英语和thx提前。
.TablaSimulacion {
margin:0px;padding:0px;
width:100%;
box-shadow: 10px 10px 5px #888888;
border:1px solid #000000;
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
-moz-border-radius-topleft:4px;
-webkit-border-top-left-radius:4px;
border-top-left-radius:4px;
}.TablaSimulacion table{
border-collapse: collapse;
border-spacing: 0;
width:100%;
height:100%;
margin:0px;padding:0px;
}.TablaSimulacion tr:last-child td:last-child {
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
}
.TablaSimulacion table tr:first-child td:first-child {
-moz-border-radius-topleft:4px;
-webkit-border-top-left-radius:4px;
border-top-left-radius:4px;
}
.TablaSimulacion table tr:first-child td:last-child {
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
}.TablaSimulacion tr:last-child td:first-child{
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
}.TablaSimulacion tr:hover td{
}
.TablaSimulacion tr:nth-child(odd){ background-color:#aad4ff; }
.TablaSimulacion tr:nth-child(even) { background-color:#ffffff; }
.TablaSimulacion td{
vertical-align:middle;
border:1px solid #000000;
border-width:0px 1px 1px 0px;
text-align:left;
padding:7px;
font-size:10px;
font-family:Helvetica;
font-weight:normal;
color:#0a0808;
}
.TablaSimulacion .Titulo td{
color:#FA0808;
text-align: center;
}
...
<div class="TablaSimulacion" >
<table>
<tr>
<td Class="Titulo" Colspan=3>
Simulacion
</td>
<td Colspan=2>
Situacion Inicial
</td>
<td Colspan=2>
Situacion Final
</tr>
<tr>
<td>
Simulación