快速入门
概览
变量(Variables)
混入(Mixins)
嵌套(Nesting)
运算(Operations)
转义(Escaping)
函数(Functions)
命名空间和访问符
映射(Maps)
作用域(Scope)
注释(Comments)
导入(Importing)
使用 Less.js
命令行用法
浏览器使用
Less.js选项
预加载插件
程序化使用
API
为 Less.js 做贡献
Less 函数手册
逻辑函数
字符串函数
列表函数
数学函数
类型函数
杂项函数
颜色定义函数
颜色通道函数
颜色操作函数
颜色混合函数
进阶指南
变量
父选择器
继承
合并
Mixins
CSS Guards
分离规则集
@import At-Rules
@plugin At-Rules
Maps (NEW!)
作用域
混入(Mixins) - Less入门文档 - 笔下光年
网站首页
混入(Mixins)
混入(Mixin)是一种将一组属性从一个规则集包含(或混合进入)到另一个规则集的方法。假设我们定义了一个类(class)如下: ```less .bordered { border-top: dotted 1px black; border-bottom: solid 2px black; } ``` 如果我们希望在其它规则集中使用这些属性呢?没问题,我们只需像下面这样输入所需属性的类(class)名称即可,如下所示: ```css #menu a { color: #111; .bordered(); } .post a { color: red; .bordered(); } ``` `.bordered` 类所包含的属性就将同时出现在 `#menu a` 和 `.post a` 中了。(注意,你也可以使用 `#ids` 用作混入。) [了解关于混入(Mixins)的更多信息](http://www.bixiaguangnian.com/manual/less/1129.html "了解关于混合(Mixin)的更多信息")
上一篇:
变量(Variables)
下一篇:
嵌套(Nesting)