Wie verschachtle ich den Attributselektor unter: host-context?

Question

Verwendung von LESS Pre-Prozessor zusammen mit Shadow-Dom zur Unterstützung der einzelnen Komponenten. Ich habe auch versucht, :host-context und :host Selektoren vergeblich zu verschachteln.

Answer 1

Dies ist ein Ergebnis meiner eigenen Ignoranz mit Shadow-DOM, da es für mich immer noch etwas neu ist. Ich konnte dies erreichen, indem ich den &:host Selektor verwendete.

:host-context(.dark) { 
    @import (multiple) 'variables/dark-theme'; 
    .dropdown; 
} 

:host-context(.light) { 
    @import (multiple) 'variables/light-theme'; 
    .dropdown; 
} 

.dropdown() { 
    //some component styles here 

    &:host([disabled]) { 
    background-color: @disabled-bg; 
    color: @disabled-color; 

    .dropDownListSelect { 
     cursor: not-allowed; 
    } 
    } 
}