摘要: 带参数的mixin 在Less中,还可以像函数一样定义一个带参数的mixin, 这种形式叫做 Parametric Mixin,即带参数的混入。如: 然后,在其他选择器中像这样调用它: 编译后的CSS代码为: 还可以给 Mixin 的参数设置默认值,有了默认值,在调用它的时候,如果没有提供该参数,它 阅读全文
posted @ 2017-11-26 19:02 歪脖先生 阅读(1045) 评论(0) 推荐(0) 编辑
摘要: 什么是Mixin Less中,允许你将一个类嵌入到另一个类中,被嵌入的类也可以看作变量。换句话说,你可以用一个类定义样式,然后把它当作变量,在另一个类中,只要引用变量的名字,就能使用它的所有属性, Less把这种特性称作 mixin,中文把翻译为“混入”或“混合”,其目的就是从现有的样式中添加属性。 阅读全文
posted @ 2017-11-26 18:35 歪脖先生 阅读(4603) 评论(0) 推荐(1) 编辑
摘要: Less变量 定义变量 Less 中的变量和其他编程语言一样,可以实现值的复用,同样它也有作用域(scope)。简单的讲,变量作用域就是局部变量和全局变量的概念。 Less 中,变量作用域采用的是就近原则,换句话说,就是先查找自己有没有这个变量,如果有,就取自己的变量,如果没有,就查找父元素,依此类 阅读全文
posted @ 2017-11-26 18:33 歪脖先生 阅读(4131) 评论(0) 推荐(0) 编辑
摘要: Less 编译工具 虽然你可以选择在浏览器端使用Less,直接在页面中嵌入一个 Less.js 文件,你也可以选择在服务器端使用Less,使用命令行将Less文件编译成最终的CSS文件。 然而,这两种方式都不够灵活,人们更喜欢使用图形界面工具进行编译。常见的工具有 winLess、simpLess、 阅读全文
posted @ 2017-11-26 10:28 歪脖先生 阅读(776) 评论(0) 推荐(1) 编辑
摘要: Less 的使用方法 Less 可以直接在浏览器端运行(支持IE6+、Webkit、Firefox),也可以借助Node.js或者Rhino在服务端运行。 Less是一种动态语言,无论是在浏览器端,还是在服务器端运行,最终还是需要编译成 CSS,才会发挥其作用。 浏览器端使用 在浏览器端直接使用Le 阅读全文
posted @ 2017-11-26 08:21 歪脖先生 阅读(3779) 评论(0) 推荐(0) 编辑
摘要: Less 原理 Less 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的 CSS 文件。 Less 并没有裁剪 CSS 原有的特性,更不是用来取代 CSS 的,而是在现有 CSS 语法的基础上,为 CSS 加入程序式语言的特性。先看一个 阅读全文
posted @ 2017-11-26 08:16 歪脖先生 阅读(240) 评论(0) 推荐(0) 编辑