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