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

Question

我很确定之前已经做过，但是我找不到，或者我的Google技能还不够。情况是这样的：

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

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

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

Answer 1

您可以使用:only-child选择器来考虑:not()，如下所示：

ExpectationsWereMet()

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