CSS selector for not having classes

Question

I am using selector to select all elements not having one class:

.list th:not(.foo) {
  /* some rules */
}

How can I apply this to more than one class?

.list th:not(.foo), .list th:not(.bar) {
  /* some rules */
}

The CSS above will not of course do that, I need something like this pseudo:

.list th:not(.foo and .bar)

Is it possible in CSS and how?

Answer 1

You can use as many :not() selectors as you like.

:not(.foo):not(.bar)

Answer 2

With upcoming CSS4 selectors you can use a syntax like:

:not(.class1, .class2, .class3)

and so on. But browser support isn't good so far. To be able to use it today, you can use cssnext for example.