SCSS如何使用＆符号来获取父上下文

Question

我不确定这是可能的，但我觉得这可能是，而且只是我做错了。我想使用＆符号来获取选择器的上下文，但我将它的所有父母作为编译CSS中的上下文，而不仅仅是直接父级。看看我的要点！

我想做的是.product-comparison--ftg__entry宽度为50％，如果它是.product-comparison--2的后代。

Play with this gist on SassMeister.

Answer 1

我尽量避免多次嵌套，只使用主标识符。对于你的情况，这可以这样解决：

.product-comparison {
  &--ftg-entry {
    display: flex;
    flex-direction: column;
  }

  &--2 &--ftg-entry {
    width: 50%;
  }
}