css - 第一个 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;
}

如果有一种方法可以修改我的选择器说的话，我很乐意给带有 colspan 的 td 它自己的类名apply to first child except when the class name is x？

score 7 · Accepted Answer

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

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

    width:100px;

}

score 1 · Accepted Answer

尝试这个：

table tr td:first-child:not(.ignore) {
  width:100px;
}

（你给 td 你想忽略一类“忽略”的地方）

score 0 · Accepted Answer

一种简单的方法是向您实际要选择的第一个 TD 添加一个类：

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

然后用：

table tr td.selectable {
    width: 100px;
}

或者，您可以尝试使用 jQuery 并在您不想受到影响的行上放置一个“ignoreMe”类名：

$('table tr td:first-child').not('.ignoreMe').css({width:100});

score 0 · Accepted Answer

为什么不给班级反对的财产？

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

.your_class {
    width:auto !important;
}

4 回答 4