Скрытие класса на основе существования другого класса в том же div

Я пытался скрыть класс через CSS, если в том же div присутствует другой класс.

Ситуация с div:

<div class = "tripdetails">
 <div class = "tripavailable OR tripunavailable">
 </div>
 <div class = "soldoutform">
 </div>
</div>

В части ИЛИ есть имя первого или второго класса. Если это первая «tripavailable», класс «soldoutform» должен быть скрыт.

Я пробовал следующее, но пока безуспешно:

.tripavailable.soldoutform {
    display: none;
}