更少的 CSS - 父级的反向父级答案

【问题标题】：Less CSS - reverse parent of parent更少的 CSS - 父级的反向父级
【发布时间】：2013-07-07 06:04:18
【问题描述】：

Less CSS 中是否可以获取父级的父级？

我想知道是否可以这样做：

#parent1 {
  #parent2 {
    #grandparent & & {
      /* stuff */
    }
  }
}

等于：

#grandparent #parent1 #parent2 { /* stuff */ }

想法？

【问题讨论】：

【解决方案1】：

我把你的代码贴在这里：http://less2css.org/

代替：

#parent1 {
  #parent2 {
    #grandparent & & {
      /* stuff */
    }
  }
}

我试过了

#parent1 {
  #parent2 {
    #grandparent & {
      /* stuff */
    }
  }
}

这相当于： #grandparent #parent1 #parent2 { /* stuff */ }

这是你要求的吗？

【讨论】：

哦，所以它一直在树上？我原以为这相当于：#parent1 #grandparent #parent 2 { ... }
如果你这样做&#grandparent {，那么它会上升一，但如果你#grandparent &，它会一直上升。我认为...大声笑。
& 的“位置”与它上升了多少层无关。它总是去各个层面。我在this answer开头给出了一个简单的解释，和this answer的讨论也可能有用。
@ScottS 感谢您澄清这一点，我已阅读您链接的答案的开头部分。写完此评论后，我将阅读休息。很抱歉 MrA 给你提供了错误的信息，我上面的评论是完全错误的。再次感谢 ScottS。