Problem with :not( ) + attribute selector

[l008comm]

So here's a super pared-down snippet of my code:

[jsfiddle.net...]

I have default styles for input that are in my header, and inputs that are not in my header. All is well, except IE applies styling to check boxes that all other browsers don't. So I want to exclude checkboxes from my default input style. But when I do this, the default input style then overrides the default header input style. And to make things more confusing, this is the selector:

input:not([type=checkbox])

However if I write that selector "wrong" like so: input:not(type=checkbox)
that works. It skips checkboxes, and it doesn't override header input boxes. But it's incorrect syntax. What is going on here? Any ideas?

[pzin]

In wich IE version have you problems? Remember, :not just works on IE9 or later.

[l008comm]

Well the initial checkbox thing happens in IE9 and IE10. But the weird not behavior happens in all browsers.

[lucy24]

input:not([type=checkbox])

However if I write that selector "wrong" like so: input:not(type=checkbox)

Where did you get that the brackets are mandatory with :not? The CSS3 "Selectors" page doesn't say so, either explicitly or through their examples. If you did use brackets, I'd expect the form to be

input:not([CHECKBOX])

:: off to investigate ::

[l008comm]

All the examples show it in the form I used, with brackets. Plus the CSS validator complains when I don't have brackets.

[Paul_o_b]

Hi,

input:not([type=checkbox]{} is working fine it must be some other conflict in your code. It's probably a specificity issue but we'd need to see some more relevant code.

However if I write that selector "wrong" like so: input:not(type=checkbox)
that works.

No it doesn't. The rule is simply ignored because it is invalid.