css - SCSS - 作为 parent 的第 n 个 child ？

Question

如果我有一些看起来像这样的代码:

.my-class {
    :nth-child(2) {
      padding-left: 0;
    }
}

nth-child(2) 是一个 div，然后我可以“定位”另一个具有 some 的 div -div 类在里面吗？

我试着做这样的事情:

.my-class {
    :nth-child(2) {
      padding-left: 0;

      .some-div {
        some: style;
      }
    }
}

但是没用..

Answer 1

如果您共享您的 HTML 结构会有所帮助，但假设您正在尝试以 my-class 的第二个 child 的类 some-div 为 objective-c ode> 元素，您的代码应该可以正常工作。

这个:

.my-class {
  :nth-child(2) {
    padding-left: 0;
    .some-div {
      color:red;
    }
  }
}

会编译成这样:

.my-class :nth-child(2) {
  padding-left: 0;
}
.my-class :nth-child(2) .some-div {
  color: red;
}

.my-class :nth-child(2) {
  padding-left: 0;
}
.my-class :nth-child(2) .some-div {
  color: red;
}

<div class="my-class">
  <div>1.</div>
  <div>2.<div class="some-div">2a.</div></div>
</div>