将css选择器与相邻选择器组合在一起

Question

我想将这些合并为一个

input:not([type="checkbox"]) and input td.text-left

我做了这个

input td.text-left:not([type="checkbox"])

为什么它不起作用？我做错什么了吗？

Answer 1

您这样做的方式是将not应用于TD元素，而不是input。

如果您的td与input相邻，那么就这样做（see docs）：

input:not([type="checkbox"]) + td.text-left {
    ...
}

但是，我没有看到input与td元素相邻的情况。你可以发布更多HTML吗？

Answer 2

我相信td标签不能在输入标签内。希望以下内容适合您：

＆＃13;

＆＃13;

td.text-left input:not([type="checkbox"]) {
    height: 100px;
}

＆＃13;

<table>
    <tr>
        <td class="text-left">
            <input type="checkbox">
            <input type="text">    
        </td>
    </tr>
</table>

＆＃13;

＆＃13;

＆＃13;