How to use :not with multiple selectors in CSS

Sometime ago I was trying to use :not with multiple selectors in CSS.

I was typing input:not([type="radio"], [type="checkbox"]) but it doesn’t work. Let’s see:

:not with multiple selectors in CSS

Just concatenate each single selector with a :not.

input:not([type="radio"]):not([type="checkbox"]) { 
  // your style 
}

It just works!

Leave a comment with your doubts or questions 🙂

David Burgos

Read more posts by this author.