Ziel unmittelbaren Elternteil in weniger als verschachtelte Klassen

Question

So habe ich eine Reihe von verschachtelten Klassen. Ich möchte den SOFORTIGEN Elternteil aus dem Nest heraus ansprechen. So zum Beispiel, ich habe:

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

Die obigen Ergebnisse in:

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

Aber was ich versuche zu erreichen:

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

Ist das möglich?

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

EDIT:

Sorry, total

Answer 1

Do auf diesem Weg zu erhalten mit weniger, würden Sie so etwas wie

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

Dieser folgendes Selektor führt zu tun verpasste den wichtigsten Teil .... So, um zu bekommen, was Sie erreichen wollen:

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