SASS组父选择器
我有以下代码:SASS组父选择器,sass,nested,styles,Sass,Nested,Styles,我有以下代码: .sibling-class { .some-class1 {...} .some-class2 {...} .some-class3 {...} .... .some-class1000 {...} } 我需要: .sibling-class { &.some-class1 {...} &.some-class2 {...} &.some-class3 {...} ....
.sibling-class {
.some-class1 {...}
.some-class2 {...}
.some-class3 {...}
....
.some-class1000 {...}
}
我需要:
.sibling-class {
&.some-class1 {...}
&.some-class2 {...}
&.some-class3 {...}
....
&.some-class1000 {...}
}
我怎么能不把&
放一千次就做到这一点呢?
这种情况下是否有一些组语法?您可以使用循环:
为了使用@for循环,您可以将所有唯一的规则放入Sass映射中,然后迭代1000次——但无论哪种方式,您都必须手动输入这些唯一的规则/值。也许把
&
放上一千次才是这里的小邪恶。如果那1000个类不是即时创建的,我绝对同意Trollsyn!:-)坏消息,但谢谢你。我希望有一天语法会有所改进)
.sibling-class {
@for $i from 1 through 1000 {
&.some-class#{$i} {
…
}
}
}