So erkennen Sie, ob das -Tag eine Klasse in der untergeordneten Angular-Komponente hat ⇐ CSS

[Guest]

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: Select all

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: Select all

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

Die bevorzugte Lösung ist, wenn möglich, reines CSS/SCSS.
Vielen Dank.