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

Question

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

.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;
           }
         }
      }
   }
}