命名空间的作用和使用场景

最近在学习的时候发现很多编程语言中都会提到一个 命名空间 这样的概念，这个东西对代码的规范和防重有很大的作用，于是就学习了一下这方面的资料，下面以less命名空间为例，记录如下。

命名空间的作用

为了更好组织 CSS 或者单纯是为了更好的封装，将一些变量或者混合模块打包起来，封装成一些属性集之后可以重复使用。

示例代码

less代码：

/* 封装 */
.meng {
    .meng_button () {
        display: block;
        border: 1px solid black;
        background-color: grey;
        &:hover { background-color: white }
    }
    .meng_tab () {
		width:100px;
    }
    .meng_citation () {
		height:200px;
    }
}

/* 使用 */
div {
	.meng > .meng_tab;
}
h1 {
	.meng > .meng_citation;
}

编译后的css代码：

div {
  width: 100px;
}
h1 {
  height: 200px;
}