SASS使用＆amp;父母和父母是第一个孩子

Question

我知道您可以使用&指定元素是否具有特定父级：

.btn {
    .btn-group & {
        color: blue;
    }
}

但是你也可以说父母是btn-group而.btn-group是第一个孩子吗？

类似的东西：

.btn {
    .btn-group & &:first-child {
        color: blue;
    }
}

但这似乎不起作用。

Answer 1

我知道我能做到：

.btn {
    .btn-group:first-child & {
        color: blue;
    }
}

但是找不到一种方法来拥有多个伪选择器（除了使用以逗号分隔的上述语法）：

// This doesn't work :(
.btn {
    .btn-group & {
        &:first-child,
        &:last-child {
            color: blue;
        }
    }
}