Less命名空间和访问器

有时，您可能希望出于组织目的或仅为了提供一些封装而将您的混入器（mixins）分组。在Less中，您可以非常直观地做到这一点。例如，您可能希望将一些混入器和变量打包在#bundle下，以便以后重用或分发：

#bundle {
  .button {
    display: block;
    border: 1px solid black;
    background-color: grey;
    &:hover {
      background-color: white;
    }
  }
  .tab { ... } // 占位符，表示标签的样式
  .citation { ... } // 占位符，表示引用的样式
}

现在，如果我们想在#header a中混入.button类，我们可以这样做：

#header a {
  color: orange;
  #bundle.button();  // can also be written as #bundle > .button
}

注意：如果你不希望它出现在你的 CSS 输出中（即 #bundle .tab），请将 () 附加到你的命名空间（例如 #bundle()）。

本文地址：https://www.tides.cn/p_less-namespaces-and-accessors