css - Target Parent 和其他一些选择器

<分区>

我想尝试定位父选择器，并向其附加一些其他选择器。

我想要的是

.first .second {
  display: none;
}

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

我试过:

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

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

有什么建议吗？

最佳答案

使用

.first {
    .second {
        display: none;

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

关于css - Target Parent 和其他一些选择器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33864398/

相关文章：

css - 如何在CodeSandbox中使用Scss文件？