less--笔记

        首先要声明@chartset "UTF-8"

        创建两个less文件，分别是mixins.less存放函数，variable.less存放变量

        注释：

        /* 我是第一种注释，可以编译成css后，在css中显示

        // 我是第二种注释，不能在css中显示

        变量：

        @myColor : #666666;

        @myDiv : div;

        使用：div { background-color : @myColor };

        如果是跟其他字符拼接使用：.@{myDiv} {background-color : @myColor };

        函数：

        定义函数：.PCBorderRadius(@width:100px) {

                                border-radius : @width;

                                -webkit-border-radius : @width;

                                -moz-border-radius : @width;

                                -o-border-radius : @width;

                                -ms-border-radius : @width;

                          }

        使用： .div { .PCBorderRadius(); }

        这样声明的函数在css中是不会出现的，@width:100px是默认参数

        嵌套：

        .div {

                img : { color : #333; }

                /* 得到的css--> .div img { ... }  */

                /* 如果是像:hover这种伪类或伪元素，用&符号 /*

                &:hover { color : #666; }

        }

        导入其他的less：

       @import "less名字"

        运算：

        可以加减乘除运算，例如：li { color : red + green;background-color : green*1.2 }

        在浏览器中使用less：

        ①首先导入你写的less文件，并且将type设置成text/less

        ②然后导入less.js

        ③也可以添加<script>less.watch();</script>   ，当改变less文件中的样式时，不用刷新浏览器就可以更改

        （用到了ajax）