用变量存储特定样式信息,需要用该样式时,则调用此变量即可。如此做的好处是以后想做全局样式调整时方便,如此,只需要在定义变量的地方修改样式即可。一了百了。
使用less
@width: 72px; @height: @width + 100px; #header { width: @width; height: @height; }
输出css
#header { width: 72px; height: 172px; }
思考:LESS的变量真的是这么强大到完美吗?初衷为的是优雅,但实则未必。这也是为啥在CSS标准中,虽然也有变量,但是依然不是当下的主流,因此实际开发中面对的情况太为复杂,未必能如设想的那样只改全局变量。大多情况下,面临的都不是这种全局样式修改,那有为啥要使用LESS来多此一举呢?所以,LESS只是一种选择而已,而不是前端开发必学会的知识。一家之言,不辩,仅供参考。