- 在 Node.js 环境中使用 Less :
npm install -g less
lessc styles.less styles.css
在浏览器环境中使用 Less : - Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言。
- 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;
}
}
补充:点赞特效