LESS - Stile Klassen unterschiedlich abhängig von dem Elternelement

Question

Ich habe einige weniger Stile ähnlich der folgenden. Gibt es in LESS eine Technik, mit der ich besser umgehen kann, ohne den Klassennamen unter jedem Elternelement duplizieren zu müssen?

span { 

    .zero { 
     color: #fff; 
    } 
} 

div { 

    .zero { 
     color: #389c40; 
    } 
} 

Answer 1

Nun, könnten Sie tun, immer

.zero { 
    span & { color: #fff; } 
    div & { color: #389c40; } 
} 

Answer 2

Versuchen CSS-Variablen:

:root{ 
    --zColor: #fff; 
} 
.zero{ 
    color: var(--zColor); 
} 
div{ 
    --zColor: #389c40; 
}