css - 如果两个元素都存在于同一级别，则切换规则 - SCSS

Question

我很确定我以前做过这个，但我找不到它或者我的谷歌技能不够。情况是这样的：

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

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

margin-bottom: 0如果存在任何.categories元素，如何设置？

标签： csssass

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>