CSS "not" selector does not work

Question

I can not put two different rule in the "not" selector Example:

This code works:

input:not([type=submit]) {
  // Styling here
}

but this code does not work:

input:not([type=submit], [type=reset]) {
  // Styling here
}

Why the second code does not work?

Answer 1

Your CSS syntax is invalid.

Use 2 :not selectors:

input:not([type=submit]):not([type=reset]) {
  // Styling here
}