第一个TD的CSS选择器,除非包含colspan

Question

可以说我有下表:

<table style="width:500px">
 <tr>
    <td>Col 1</td>
    <td>Col 2</td>
 </tr>
 <tr>
    <td colspan="2"></td>
 </tr>
</table>

现在,如果我使用first-child选择器将样式应用于第一个TD,无论如何我可以让它忽略具有colspan的td(即使当然这是第一个孩子)？

table tr td:first-child{
  width:100px;
}

如果有一种方法可以修改我的选择器,我会很高兴给td带有colspan它自己的类名apply to first child except when the class name is x吗？

Answer 1

使用 :not([attr="val"])

table tr td:first-child:not([colspan="#NUMBER OF COLSPAN"]){

    width:100px;

}