快速入门
概览
变量（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入门文档
网站首页
命名空间和访问符
(不要和 `CSS @namespace` 或 `namespace selectors` 混淆了)。 有时，出于组织结构或仅仅是为了提供一些封装的目的，你希望对混合（mixins）进行分组。你可以用 Less 更直观地实现这一需求。假设你希望将一些混合（mixins）和变量置于 `#bundle` 之下，为了以后方便重用或分发： ```less #bundle() { .button { display: block; border: 1px solid black; background-color: grey; &:hover { background-color: white; } } .tab { ... } .citation { ... } } ``` 现在，如果我们希望把 .button 类混合到 #header a 中，我们可以这样做： ```less #header a { color: orange; #bundle.button(); // 还可以书写为 #bundle > .button 形式 } ``` 注意：如果不希望它们出现在输出的 CSS 中，例如 `#bundle .tab`，请将 () 附加到命名空间（例如 `#bundle()`）后面。
上一篇：
函数（Functions）
下一篇：
映射（Maps）
