目标父级和其他一些选择器

Question

我想尝试定位父选择器，另外还要添加一些其他选择器。

我想要的是

.first .second {
  display: none;
}

.first.show .second {
  display: block;
}

我试过了：

.first {
    .second {
        display: none;
        .show& {
            display: block;
        }
    }

以及其他一些人。那个对我来说似乎最合乎逻辑，但显然你不能在选择器之后直接使用＆符号。

有什么建议吗？

Answer 1

使用

.first {
    .second {
        display: none;

    }
    &.show .second {
            display: block;
        }
}

参考：http://sass-lang.com/documentation/file.SASS_REFERENCE.html#parent-selector