Несколько классов внутри:не () [дубликат]

этот вопрос уже есть ответ здесь:

• 
  может ли псевдокласс: not () иметь несколько аргументов?
  
  5 ответов
  
  

я пытаюсь использовать :not() свойство для исключения пары классов из правила, например:

*:not(.class1, class2) { display: none; }

однако, это выглядит как not() свойство не поддерживает запятая разделенные классы, как показано в эта скрипка.

HTML:

<div class='one'>

  foo

</div>

<div class='two'>

  foo

</div>

<div class='three'>

  foo

</div>

<div class='four'>

  foo

</div>

CSS:

div {

  background-color: #CBA;

}



div:not(.one) {

  background-color: #ABC;

}



div:not(.one, .three) {

  color: #F00;

}

первое и второе правила применяются, но третий-нет.

я не могу *:not(.class1), *:not(.class2) потому что любой элемент, который имеет class2 будет выбран *:not(.class1) и наоборот.

я не хочу

* { display: none;}

.class1, .class2 { display: inline; }

потому что не все .class1 и .class2 элементы имеют то же самое исходное свойство отображения, и я хочу, чтобы они его сохранили.

как я могу исключить несколько классов из правила, либо с not() собственность или иное?