1. 在 Node.js 环境中使用 Less :
    npm install -g less
    lessc styles.less styles.css
    在浏览器环境中使用 Less :
  2. Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言。
  3. 1)使用例子:
    混合(Mixins):混合(Mixin)是一种将一组属性从一个规则集包含(或混入) 到另一个规则集的方法:如:
    .bordered {
    border-top: dotted 1px black;
    border-bottom: solid 2px black;
    }——>
    #menu a {
    color: #111;
    .bordered();
    }
    .post a {
    color: red;
    .bordered();
    }
    .bordered 类所包含的属性就将同时出现在 #menu a 和 .post a 中了。
    2)嵌套(Nesting)
    css代码:
    #header {
    color: black;
    }
    #header .navigation {
    font-size: 12px;
    }
    less代码
    #header {
    color: black;
    .navigation {
    font-size: 12px;
    }
    }

补充:点赞特效
安装less及初级学习
安装less及初级学习
安装less及初级学习

相关文章: