Less -- 诡异的空格

Original:

.a {
    &.a-b {
        &:hover {
            background-color: #5cb85c;
        }
    }
}

.a-c {
    &:extend(.a .a-b:hover);
}

Compiled:

$ lessc test.less
extend ' .a .a-b:hover' has no matches
.a.a-b:hover {
  background-color: #5cb85c;
}

Improved:

.a {
    &.a-b {
        &:hover {
            background-color: #5cb85c;
        }
    }
}

.a-c {
    &:extend(.a.a-b:hover);
}

Compiled:

$ lessc test.less
.a.a-b:hover,
.a-c {
  background-color: #5cb85c;
}

css选择器：

• .a.a-b表示同一个元素同时包含两个类，
• .a .a-b表示子元素选择器，表示当前有a-b类并且某一级父元素含有a类
• .a, .a-b表示多个独立选择器，表示选择当前有a类或者含有a-b类的的元素