在 SCSS 中嵌套元素+元素选择器

【问题标题】：Nesting element+element selector in SCSS在 SCSS 中嵌套元素+元素选择器
【发布时间】：2016-11-24 13:51:47
【问题描述】：

作为 SCSS 的新手，我想知道如何将其嵌套用于 CSS 的 element + element 选择器。通常，在 CSS 中，我会写如下内容：

.test{
    color: red;
}
.test + label{
    color: blue;
}

如何将+ label 选择器嵌套在.test 选择器中？提前致谢！

【问题讨论】：

【解决方案1】：

更新：在这种情况下，您需要做的就是嵌套这样的规则：

.test {
    color: red;
    + label {
        color: blue;
    }
}

不过，您也可以使用& 选择器来达到同样的效果，如下所示：

.test {
    color: red;
    & +label {
        color: blue;
    }
}

【讨论】：