less命名空间

 命名空间

官方定义：出于组织结构或仅仅是为了提供一些封装的目的

当然呢这么理解比较难搞，来一个通俗的理解就是：

有时候，你可能为了更好的组织css或者单纯的为了更好的封装，将一些变量或者混合模块打包起来，就可以定义一些属性集之后便于之后的重复使用

#space(){
    .header{
        color: aqua;
        font: 10px;
    }
    .content{
        color: aquamarine;
        font-size: 14px;
    }
    .footer{
        font-size: 18px;
    }
}
只需要在如div里引入 #space() 或者#space > .header 其中一个属性 来使用
div{
    border: 1px solid #eee;
    #space();
}
//当然编译之后的css代码
div {
  border: 1px solid #eee;
}
div .header {
  color: aqua;
  font: 10px;
}
div .content {
  color: aquamarine;
  font-size: 14px;
}
div .footer {
  font-size: 18px;
}