SCSS-第N个孩子作为父母?

SCSS-第N个孩子作为父母?,css,sass,Css,Sass,如果我有如下代码: .my-class { :nth-child(2) { padding-left: 0; } } .my-class { :nth-child(2) { padding-left: 0; .some-div { some: style; } } } 如果nth-child2是一个div,那么我可以针对另一个包含some div类的div吗 我试着这样做: .my-class

如果我有如下代码:

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

      .some-div {
        some: style;
      }
    }
}
如果nth-child2是一个div,那么我可以针对另一个包含some div类的div吗

我试着这样做:

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

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

但它不起作用。

它应该起作用,首先检查您的家长是否有剩余的填充:0-可能没有,因为您没有在&:n-child2中使用&


现在您正在生成css.my class:nH-child2.some div您正在查找具有类的元素中的某个div在具有类my class的元素的第二个子元素中不是。my class:nH-child2.some-div.

如果您共享HTML结构会有所帮助,但假设您正在尝试以具有类some div的子元素为目标,对于my class元素的第二个子元素,您的代码应该可以正常工作

这:

将编译为:

.my-class :nth-child(2) {
  padding-left: 0;
}
.my-class :nth-child(2) .some-div {
  color: red;
}
.我的班级:N-child2{ 左侧填充:0; } .我的班级:N-child2.某个部门{ 颜色:红色; } 1. 2.2a。
如果这不起作用,那么这意味着某个div不存在,在你的问题中添加html,第n个孩子应该是我类的第n个孩子还是其中的一个div?是的,如果条件正确,它会起作用;请发布所有相关代码,以便回答您的问题。你们是对的,我看错了我的HTML代码。。我花了一些时间才意识到这一点,但感谢您指出这段代码应该没有问题!