使用extend手动将CSS转换为LESS

Question

我最近开始使用LESS，并且正在尝试将我的CSS转换为LESS以用于项目。

我正在努力让li.active > a, li > a:hover工作

#sidenav {
  position: fixed;
  top: 100px;
  right: 0;
  padding: 15px 10px 10px;
  text-align: right;

  li {
    & > a {
      color: #999;

      &:hover {
        //&:extend(.active > a);
        color: #FFF;
        background: none;
      }
    }

    &.active > a:extend(& > a:hover) {}
  }
}

但这不起作用。 我正在看documentation，但这对我来说并没有意义。

修改

发现这有效

#sidenav {
  position: fixed;
  top: 100px;
  right: 0;
  padding: 15px 10px 10px;
  text-align: right;

  li {
    & > a {
      color: #999;

      &:hover {
        color: #FFF;
        background: none;
      }
    }

    &.active > a {
      &:extend(#sidenav li > a:hover);
    }
  }
}

但那是3行，我认为它可能是1。