第一个表列的CSS样式,该列的第一个单元格除外

Question

所以这是<table>:

<table class='census'>
    <tr>
        <th colspan="2">My Title</th>
    </tr>
    <tr>
        <td colspan="2" class='chart'><SOME PIE CHART, GENERATED WITH JS></td>
    </tr>
    <tr>
        <td>Some title</td>
        <td>Some Data</td>
    </tr>
    <tr>
        <td>Some title</td>
        <td>Some Data</td>
    </tr>
    <tr>
        <td>Some title</td>
        <td>Some Data</td>
    </tr>
    <tr>
        <td>Some title</td>
        <td>Some Data</td>
    </tr>
    <tr>
        <td>Some title</td>
        <td>Some Data</td>
    </tr>
</table>

我需要为第一列设置固定宽度.它很容易做到:

.census td:first-child {
    background-color: #F0F8FE;
    width: 250px;
}

现在问题! 带JS PIE CHART的固定宽度螺钉.

所以我需要对所有第一个<td>标签应用固定宽度,除了colspan="2"包含我的图表的标签.

如果这样,我唯一可以提出的(到目前为止):

.census td:first-child:not(.chart) {
    background-color: #F0F8FE;
    width: 250px;
}

它给我带来了意想不到的结果.我此时迷路了.

Answer 1

你能不能只是覆盖它,例如将图表类放在它之后

   .census td:first-child {
        background-color: #F0F8FE;
        width: 250px;
    }

    .census td.chart {
      width: auto;
      etc...
    }