LESS的简单语法介绍

Less 笔记

  1. 多出来一种注释方式【双斜杠//】,这个不会被编译到CSS文件。【/**/】会被编译到CSS文件。

  2. 变量定义,用@符号定义,用冒号赋值,【@变量名:值】。

  3. 声明css样式的时候可以写个括号,并引用参数,【.css-name(@param)】,此时必须传值。

  4. 声明带参数的css样式的时候,可以带上默认值,【.css-name(@param:value)】。

  5. 带参数的用来写一些重复使用的代码比较有用,比如带-webkit的声明。

  6. 匹配模式相当于其他语言的IF,声明时候带固定的参数,【.triangle(bottom,@param)】。

  7. 对于颜色进行运算的时候,颜色会由16进制转化为十进制,【color:#fff-20】,相当于【color:#feb】。

  8. 有嵌套的功能,比如为list下面的多个样式进行声明的时候,不用重复些list,【.list{…}】。

  9. 例如为a标签写hover属性的时候,【&:hover】中的【&】代表上层选择器a。

  10. 【@arguments】会把所有的属性都带进来。

  11. 对于不需要编译的代码,用【~’’】把不需要的加到单引号中。

  12. 在函数引用后面加上【!important】,例如【.hello() !important;】,该函数下面的所有样式都会加上【!important】。

文章目录
,