摘要: Less的@import指令 Less中,可以通过 @import指令来导入外部文件。@import指令可以放在代码中的任何位置,导入文件时的处理方式取决于文件的扩展名: 如果扩展名是 .css,文件内容将被原样输出。 如果是任何其他扩展名,将作为LESS文件被导入。 如果没有扩展名,将给他添加一个 阅读全文
posted @ 2017-11-28 10:19 歪脖先生 阅读(14584) 评论(0) 推荐(2) 编辑
摘要: Less命名空间 当我们拥有了大量选择器的时候,特别是团队协同开发时,如何保证选择器之间重名问题?如果你是 java 程序员或 C++ 程序员,我猜你肯定会想到命名空间 Namespaces。 Less 也采用命名空间来对名字进行分组,来避免重名问题。如以下Less代码: 这样我们就定义了一个名为 阅读全文
posted @ 2017-11-28 10:17 歪脖先生 阅读(659) 评论(0) 推荐(0) 编辑
摘要: Less注释语法 适当的注释是保证代码可读性的必要手段,Less支持两种类型的注释:多行注释和单行注释。 1)形如 /* */ 的多行注释。如: 2) 双斜线的单行注释。如: 但需要注意的是:单行注释是不会出现在编译后的 CSS 文件中,如果是针对样式说明的注释,建议使用多行注释。 阅读全文
posted @ 2017-11-28 10:16 歪脖先生 阅读(3954) 评论(0) 推荐(0) 编辑
摘要: Less的转义字符 有时候,当需要引入无效的CSS语法或Less不能识别的字符,就需要使用转义字符。此时,就可以在字符串前面加一个 ~,并将需要转义的字符串放在 "" 中。格式为: ~"anything" 在编译时,任何包含在 ~"anything" 中的内容,将会原封不动的输出到编译后的CSS文件 阅读全文
posted @ 2017-11-27 14:54 歪脖先生 阅读(2044) 评论(0) 推荐(0) 编辑
摘要: Less运算和函数 Less运算 在我们的 CSS 中,充斥着大量数值型的 value,比如 color、padding、margin 等。在某些情况下,这些数值之间是有着一定关系的,那么我们怎样利用 Less来组织这些数值之间的关系呢?请看以下Less代码: 在我们的 CSS 中,充斥着大量数值型 阅读全文
posted @ 2017-11-27 14:53 歪脖先生 阅读(5927) 评论(0) 推荐(0) 编辑
摘要: Less的嵌套规则 在使用标准CSS时,要为多层嵌套的元素定义样式,要么使用后代选择器从外到内的嵌套定义,要么给这个元素加上类名或 id 来定义。这样的写法虽然很好理解,但维护起来很不方便,因为无法清晰了解到样式之间的关系。 在Less中,嵌套规则使这个问题迎刃而解。嵌套规则允许在一个选择器中嵌套另 阅读全文
posted @ 2017-11-27 14:51 歪脖先生 阅读(14214) 评论(0) 推荐(1) 编辑
摘要: 作为函数的mixin 在一个 mixin 内部定义的变量或 mixin,都调用者可见,因此,它们可以作为它的返回值。如,以下Less代码: 上述代码在 .count 内部定义了两个变量 @sum 和 @average,则 .count 将拥有两个返回值。调用 .count 时,就可以通过变量 @su 阅读全文
posted @ 2017-11-27 14:50 歪脖先生 阅读(344) 评论(0) 推荐(0) 编辑
摘要: 带参数的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) 编辑