Css 如果div包含在某个容器中，如何应用规则

.wrapper>.bar>.thing { 显示：无； } 你好 你好 .wrapper>.bar>.thing { 显示：无； } 你好 你好

---

&的问题在于，在放置&符号的位置，父类将被放置。因此，您的代码将输出：.bar.wrapper.thing{}您的&的问题是，在放置&符号的地方，将放置父类。因此，您的代码将输出：.bar.wrapper.thing{}

<div class="wrapper">
  <div class="phoo">
    <div class="thing">
      hello
    </div>
  </div>
</div>

<div class="wrapper">
  <div class="bar">
    <div class="thing">
      hello
    </div>
  </div>
</div>

.wrapper {
  .bar & {
    .thing {
      display:none;
    }
  }
}