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

【问题标题】：Target immediate parent in LESS from within nested classes从嵌套类中定位 LESS 中的直接父级
【发布时间】：2016-07-12 19:02:47
【问题描述】：

所以我有一堆嵌套类。我想从巢穴深处瞄准 IMMEDIATE 父母。例如，我有：

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

以上结果：

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

但我想要实现的是：

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

这可能吗？

【问题讨论】：

标签： css less

【解决方案1】：

使用 LESS 到达那条路径，你会做类似的事情

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

这将产生以下选择器：

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

编辑：

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

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

【讨论】：