Less
定义 Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端 下面通过一些例子来加深对它的理解 情景一 我们知道网页一般有主题色,很多地方都会用到主题色,但如果有一天我们要更换主题色怎么办?是不是要一个一个的替换,这样做是不是显得很麻烦且浪费时间 我们想像,既然这个主题色可能会变,那能不能像编程语言那样将主题色定义成 变量 需要使用主题色的地方我们就使用那个变量即可,如果要换直接改变变量值就是这样是不是就解决我们的问题了 如下代码(代码只做理解并不能正常运行) var mainColor = skyblue ; #title { background - color : mainColor ; } #person{ color : mainColor ; } 情景二 我们在编写css的时候有时候可能会写很多重复的样式代码,有时候仅仅因为某个属性的取值不同我们就要不停的复制-----粘贴,这样是不是也很麻烦? 如果我们将那些重复的代码定义成一个”类“,或者一个”函数“是不是可以解决我们的问题 对于属性值的变化我们可以传入参数即可。 如下代码(代码只做理解,并不能正常运行) . border ( color : skyblue ) { border