将 not 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 元素相邻的情况。你能 post 更多你的 HTML 吗？

Answer 2

我认为 td 标签不能在输入标签内。希望以下内容对您有用：

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

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

将 not css 选择器与相邻选择器组合

combine not css selector with adjacent selector

css

css-selectors