使用嵌套的第n个子选择器

Question

我正在使用sass并拥有以下html结构：

<div class='d1'>
  <div class='d2'>
    <div class='d3'>
     <div class='d4'>
      <div class='d5'>
      </div>
    </div>
  </div>
  </div>
</div>

我想为每个background-position设置不同的div，但删除该类并使用嵌套的sass代替：

  & div:nth-child(2)
    background-position: 0px 0px
    div
      transform: translate3d(60px,0,0)
      div
        background-position: -120px 0px
        div
          background-position: -180px 0px
          div
            background-position: -240px 0px

它正常运行，但我发现它错了，因为在每个div上也应用了父background-position的所有divs属性。

我尝试将nth-child和first-child选择器与&组合使用以限制css继承，但无法构建有效的内容：

   & div:nth-child(2)
    background-position: 0px 0px
    & div:first-child
      transform: translate3d(60px,0,0)
      & div:first-child
        background-position: -120px 0px
        & div:first-child
          background-position: -180px 0px
          & div:first-child
            background-position: -240px 0px

有人能说出如何做到这一点吗？