如何修改LESS嵌套代码正确生成header.is-sticky选择器样式

LESS中的&代表当前嵌套路径下的完整父选择器集合，原写法把.is-sticky写在最内层span的选择器块里，编译时会将.is-sticky拼接在完整父选择器链的最前方，最终生成.is-sticky header .menu nav > ul > li > a span，和预期结构不符。

需要把.is-sticky类和header选择器绑定，放在header的嵌套层内，再往下写后续的菜单嵌套结构即可，代码如下：

header {
  &.is-sticky {
    .menu {
      nav {
        > ul > li {
          > a {
            span {
              color: #555555;
            }
          }
        }
      }
    }
  }
}

上述代码编译后会输出完全符合预期的CSS：

header.is-sticky .menu nav > ul > li > a span {
    color: #555555;
}

内容的提问来源于stack exchange，提问作者step