CSS:表格的独特样式

Question

我的网站上有多个表格。

它们分别由以下 CSS 设置样式:

#content table { border: 3px solid #FFF; }
#content table tr th { color: #FFF; background-color: #2a2d32; font-size:12px;}
#content table tr td, #content table tr th { border: 1px solid #FFF; padding: 5px; text-align: center; line-height: 1.4em; font-size:12px;}

但是我希望挑出一个特定的表来实现独特的样式有问题的表在这里:

<table cellspacing="0" cellpadding="0" width="100%" >
<tr style="background-color:#ebe7e5;">
<td>Income </td>
<td>€ </td>
<td>€ </td>
</tr>
<tr class="PL">
<td>Sales</td>
<td><?php echo $cBalance; ?>3,549</td>
<td></td>
</tr>
<th><strong>Total Income</strong></th>
<th></td>
<th><?php echo $pProductionCapacity; ?>3,705</th>
</tr>

<tr style="background-color:#ebe7e5;">
<td>Expenses </td>
<td>€ </td>
<td>€ </td>
</tr>
</table>

我试过在这个表上放一个 id 然后尝试 CSS，但是看起来主要 CSS(如上所示)仍然覆盖我的更改。有人可以帮忙吗？

例如我添加了:

<table id="unique" cellspacing="0" cellpadding="0" width="100%" >

使用 CSS 如下:

#unique td th {background-color: red;}

但它不起作用。

/////////////////////////////////////////////////////////////////////////////

好的，所以我尝试更改为:

#unique td {background-color: red;}
#unique th {background-color: red;}

但是 th 没有变红，它仍然是初始 CSS 中的灰色:

#content table { border: 3px solid #FFF; }
#content table tr th { color: #FFF; background-color: #2a2d32; font-size:12px;}
#content table tr td, #content table tr th { border: 1px solid #FFF; padding: 5px; text-align: center; line-height: 1.4em; font-size:12px;}

Answer 1

#unique td th 意思是:“#unique 内的 td 内的每个 th”。如果您的意思是“#unique 中的每个 td 和每个 th”，您需要的是 #unique td, #unique th