Programmiererforum

  html:has(.app-dark-theme) {
.test-class {
border: 1px solid var(--p-blue-200);
}
}

Ich habe eine dynamische Klasse, die auf das HTML-Tag angewendet wird, wenn der Benutzer die Schaltfläche drückt, um die Ansicht in den Dunkelmodus zu wechseln:
[code]
[/code]
Jetzt muss ich in der untergeordneten Angular-Komponente prüfen, ob diese Klasse im HTML-Tag vorhanden ist, um eine bestimmte Klasse in dieser untergeordneten Komponente zu formatieren.
Wie kann ich das tun? Ich erreiche das? Ich habe :has() Pseudo-Selektor ausprobiert, aber es hat bei mir nicht funktioniert.
[code] html:has(.app-dark-theme) {
.test-class {
border: 1px solid var(--p-blue-200);
}
}
[/code]
Die bevorzugte Lösung ist, wenn möglich, reines CSS/SCSS.
Vielen Dank.