重复使用少量变量作为参数混合参数传递

  • Z时代
  • 2024-01-10
  • 分类：问答

是否可以使用少量变量作为参数混合参数？重复使用少量变量作为参数混合参数传递

下面是一个例子：

@red: #ff0000; 
@blue: #0000ff; 
.body-theme(@color){ 
    background: @color; 
    p { 
     color: @color; 
    }  
} 
body{ 
    &.red{ 
     .body-theme(@red); 
    } 
    &.blue{ 
     .body-theme(@blue); 
    } 
}

这个例子是不是真的聪明，但应该说明，我想重复使用只设置颜色为参数的选项的CSS的一部分。

感谢您的帮助！

回答：

如果有疑问，对其进行测试：http://lesstester.com/试图在这里你的榜样，也展示出它会成功，给这个输出：

body.red { 
    background: #ff0000; 
} 
body.red p { 
    color: #ff0000; 
} 
body.blue { 
    background: #0000ff; 
} 
body.blue p { 
    color: #0000ff; 
}

你应该使用这个在未来的快速测试，如果您不确定如果某件事可以少做或不做。

以上是 重复使用少量变量作为参数混合参数传递 的全部内容， 来源链接： utcz.com/qa/266586.html

回到顶部