CSS 和 not() 使用 childrens

Question

我想将属性应用于所有 input[type=text] 元素，但排除某些元素。要排除的元素没有任何类，但它们的父元素有。

HTML 看起来像

<tr class="filters">
    <td>
        <input type="text" name="aName">
    </td>
    <td>
        <input type="text" name="anotherName">
    </td>
        ...
</tr>

我试过这个 CSS:

input[type=text]:not(tr.filters > td > input[type=text])
{
    min-width:400px;
}

但它不起作用。这样用not()是不是不行？

Answer 1

:not() 作为 CSS 选择器是不可能的。 :not() pseudo-class只接受一个简单的选择器(这意味着只有一个 type、.class、#id、[attribute] < em>或:伪类选择器)。不允许使用 、> 和 + 等组合符。

min-width 的默认值为零，因此您可以简单地使用覆盖规则并将其设置为该值:

input[type="text"] {
    min-width: 400px;
}

tr.filters > td > input[type="text"] {
    min-width: 0;
}