Question

我正在写一个需要在我网站主页上点击的封面。

<body>
    <div id="main"></div>
</body>

我的SCSS文件如下所示。

body {
    #main {
        position: absolute;

        &#home & {
            pointer-events: none;
        }
    }
}

我想要的是像...这样的风格。

body {
}
body #main {
    position: absolute;
}
body#home #main {
    pointer-events: none;
}

我得到的是

  body #main {
    position: absolute; }

    body #main#home body #main {
      pointer-events: none; }

如何在父母的父母身上申请条件？

Answer 1

&使样式在同一级别上一起出现（即＃main＃home问题）。试试这个。

body {
  #main {
    position: absolute;
  }
  #home #main {
    pointer-events: none;
  }
}