子どもを使用するCSSとnot（）子を使用する

Question

すべてののinput [type = text]要素に属性を適用したいが、特定の要素を除外したい。 除外する要素にはクラスはありませんが、その親の親は行います。

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

が、それは動作しません：

HTMLは、私はこのCSSを試してみました

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

のように見えます。 このようにnot（）を使用することはできませんか？

Answer 1

:not()をCSSセレクタとして使用することはできません。 :not() pseudo-classは、単純なセレクタ（つまり、ちょうど1つのtype、.class、#id、[attribute]または:pseudo-classセレクタ）を受け入れます。 、>、+のような組み合わせは許可されません。

min-widthのデフォルト値はゼロであるので、あなたは、単に代わりにオーバーライドルールを使用し、それはそれに設定することができます。

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

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

Answer 2

は、なぜあなたはこのようなものを使用していませんか？

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