Question

我有很多课程

$ templates ：（ '一'， '二'， '三' ）;

我想生成下一个代码

input[type="radio"][id="one"]:checked {
  & ~ .two,
  & ~ .three {
    width: 0;
    height: 0;
  }
}
input[type="radio"][id="two"]:checked {
  & ~ .one,
  & ~ .three {
    width: 0;
    height: 0;
  }
}
input[type="radio"][id="three"]:checked {
  & ~ .one,
  & ~ .two {
    width: 0;
    height: 0;
  }
}

最好的方法是什么？

Answer 1

现在我有下一个代码

@mixin somemixinname {
    width:0;
    height:0;
}

@each $class1 in $templates {
    input[type="radio"][id="#{$class1}"]:checked {
        @each $class2 in $templates {
            @if $class2 != $class1 {
                &  ~ .#{$class2} { @include somemixinname }
            }
         }
    }
}

但是它生成了一些不同的代码（

如何从数组动态生成SCSS中的类？

1 个答案: