可以利用加减乘除计算属性值以及颜色
运算可以忽略单位(单位相同情况下)如:18px+13 #888+#123456
@the_color:#111; //less
@base_border:1px;
@color:#888;
#test{
color: @the_color *5;
border-right: @base_border+16;
border-right: @base_border *5;
}
#demo{
color: @color+#123456;
border-color: desaturate(@color,20%);
}
// @the-border: 1px;
// @base-color: #111;
// @red: #842210;
// #header {
// color: @base-color * 3;
// border-left: @the-border;
// border-right: @the-border * 2;
// }
// #footer {
// color: @base-color + #003300;
// border-color: desaturate(@red, 10%);
// }#test { //css
color: #555555;
border-right: 17px;
border-right: 5px;
}
#demo {
color: #9abcde;
border-color: #888888;
}
本文介绍如何使用LESS预处理器中的变量和算术运算来简化CSS样式定义过程。通过实例展示了颜色值和长度单位的计算方法,以及如何利用这些特性提高样式的灵活性和可维护性。
1324

被折叠的 条评论
为什么被折叠?



