CSS and not() using childrens

Question

I want to apply a attribute to all input[type=text] elements but exclude certain elements. The elements to exclude does not have any class but their parent parent does.

The HTML looks like

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

I tried this CSS:

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

but it does not work. Is it not possible to use not() in this way?

BoltClock · Accepted Answer · 2011-08-09 09:28:22Z

3

It's not possible with :not() as a CSS selector. The :not() pseudo-class accepts only a simple selector (which means exactly one type, .class, #id, [attribute] or :pseudo-class selector). Combinators like , > and + aren't allowed.

The default value of min-width is zero, so you can simply use an overriding rule instead and set it to that:

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

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

edited Aug 9, 2011 at 9:28

answered Aug 9, 2011 at 9:12

BoltClock

728k165 gold badges1.4k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

BoltClock Over a year ago

Your selector would work just fine in jQuery though, as it implements its own :not() selector that accepts that syntax.

Kamyar Infinity · Accepted Answer · 2011-08-09 09:18:17Z

0

Why don't you use something like this?

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

answered Aug 9, 2011 at 9:18

Kamyar Infinity

2,7591 gold badge22 silver badges32 bronze badges

1 Comment

BoltClock Over a year ago

Perhaps because there may be input[type="text"]s that aren't in any tables.

Collectives™ on Stack Overflow

CSS and not() using childrens

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related