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代码。。我花了一些时间才意识到这一点,但感谢您指出这段代码应该没有问题!