However, note that doc page on MDN [1] warns you it may not work in all browers.

Using two selectors at the same time is not yet supported in all browsers. Example: :not(.foo, .bar). For wider support you could use, :not(.foo):not(.bar)

[1] https://developer.mozilla.org/en-US/docs/Web/CSS/:not