请问less中“selector&”格式的选择器代表什么意思？

Question

我在学习bootstrap的less源码过程中，遇到了如下形式的选择器（以下是/mixin/buttons.less的一部分）：

.button-variant(@color; @background; @border) {
  color: @color;
  background-color: @background;
  border-color: @border;

//...

&:active,
  &.active,
  .open > .dropdown-toggle& { //这里不明白
    background-image: none;
  }

//...

}

之前通读过less文档，不记得有这个用法的说明。
和“&”选择器无关的内容都明白，“&”的主要作用也知道。
谢谢！

Answer 1

这是 less 的语法， & 表示的是当前{}对应的选择器,比如

.a {
    &:active {...}
    .parent > .child& {...}
}

编译过来就是

.a.active {...}
.parent > .child.a {...}