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

时间:2016-07-21 06:17:00

标签: css sass css-selectors

作为SCSS的新手,我想知道如何将其嵌套用于CSS的 element + element 选择器。通常,在CSS中,我会写一些类似的东西:

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

如何将+ label选择器嵌套在.test选择器中?提前谢谢!

1 个答案:

答案 0 :(得分:1)

Upate:在这种情况下,您需要做的就是嵌套这样的规则:

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

但是,您也可以使用&选择器来实现相同的效果,如下所示:

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