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

问题描述

问 题

我在学习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文档，不记得有这个用法的说明。
和&选择器无关的内容都明白，&的主要作用也知道。
谢谢！

解决方案

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

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

编译过来就是

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

这篇关于css - 请问less中“selector&”格式的选择器代表什么意思？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！