less-@arguments变量

最新推荐文章于 2024-08-25 09:23:42 发布

转载最新推荐文章于 2024-08-25 09:23:42 发布 · 136 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wzndkj/p/9315839.html

本文介绍了一种利用预处理器中的arguments变量简化CSS样式的技巧。通过将多个参数封装到一个变量中，可以更简洁地定义和修改样式。这种方式特别适用于需要频繁调整样式的开发场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

@arguments变量：包含了所有传递进来的参数。

如果你不想单独处理每一个参数的话可以像这样写：

/*arguments*/
//之前这么写
.border_arg(@w:30px,@c:red,@xx:solid){
　　border:@w @c @xx
}
//现在这么写，就是懒，可以用的不多
.border_arg1(@w:30px,@c:red,@xx:solid){
　　border:@arguments
}
//border_arg == border_arg1
.border_box{
　　.border_arg1();
}
//如果属性都要改的话，用arguments稍微的省略的一点事
＝>
/*arguments*/
.border_box {
　　border: 30px #ff0000 solid;
}