Question

在CSS中，如果我想拥有两个具有相同属性的类，我可以编写以下内容：

.class1,
.class2
{
  color:red;
}

我希望 LESS Mixins 获得相同的结果，但不允许使用以下代码：

.mixin1(),
.mixin2()
{
  color:red;
}

有没有办法正式“创建一个混合重复”？

Answer 1

根据七个阶段 - 最大的建议，我可以提供更详细的答案：

更简单（原始）解决方案：

$('form').on('submit', function(e){
str = $('input').val();
str = str.split('@').slice(1);

var allowedDomains = [ 'correct.com' ];

if ($.inArray(str[0], allowedDomains) !== -1) {
    alert(str + ' is allowed');
}else{
    alert('not allowed');
    e.preventDefault();
}
});

编译成：

.class1
{
  color:red;
}

.class2 
{
  .class1;
}

或者也可以设置hidden mixin，感谢.class1 { color: red; } .class2 { color: red; }名称之后的()，用作过渡步骤：

.hidden-mixin()
{
  color:blue;
}

.class1,
.class2
{
  .hidden-mixin();
}

编译成：

.class1,
.class2 
{
  color: blue;
}

少：2个具有相同属性的mixin

1 个答案: