从嵌套类中定位LESS中的直接父级

Question

所以我有一堆嵌套类。我想从巢内深处定位IMMEDIATE父级。例如，我有：

.navbar {
   ul {
      li {
         a {
            .ACTIVE & {
              background: red;
            }
        }
      }
   }
}

以上结果如下：

.ACTIVE .navbar ul li a {
   background: red;
}

但我想要实现的是：

.navbar ul li.ACTIVE a {
   background: red;
}

这可能吗？

Answer 1

使用LESS进入该路径，您可以执行类似

的操作

.navbar {
   & > ul {
      & > li {
         & > a {
            &.active {
              background: red;
            }
        }
      }
   }
}

这将产生以下选择器：

.navbar > ul > li > a.active { background: red; }

修改

对不起，完全错过了最重要的部分....所以，要获得你想要实现的目标：

.navbar {
    ul {
       li {
         &.ACTIVE{
           a {
              background: red;
           }
         }
      }
   }
}