Menu Close

How to pass multiple arguments to the :not() pseudo-class?

Sometimes, we want to pass multiple arguments to the :not() pseudo-class.

In this article, we’ll look at how to pass multiple arguments to the :not() pseudo-class.

How to pass multiple arguments to the :not() pseudo-class?

To pass multiple arguments to the :not() pseudo-class, we use multiple :not selectors.

For instance, we write

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

to select the input that don’t have the type attribute set to radio and don’t it set to checkbox.

Conclusion

To pass multiple arguments to the :not() pseudo-class, we use multiple :not selectors.

Posted in CSS