Переключить правило, если оба элемента существуют на одном уровне - SCSS

Question

Я почти уверен, что делал это раньше, но не могу его найти, или моих навыков в Google недостаточно. Ситуация такая:

.card {
    // ...
    .card-title {
        margin-bottom: $spacer * .25;
    }

    .categories {
        margin-bottom: $spacer * .25;
    }
}

Как установить margin-bottom: 0, только если существует элемент .categories?

Answer 1

Вы можете рассмотреть :only-child с селектором :not(), как показано ниже:

.title:not(:only-child) {
  color:red;
}

<div class="container">
  <div class="title">title</div>
  <div class="cat"></div>
  <div class="cat"></div>
  <div class="cat"></div>
</div>

<div class="container">
  <div class="title">title</div>
</div>