Pure CSS Parent Change ?

html.de-Forum HTML, XHTML & CSS
1

Moin!

Ich stehe vor folgendes Problem. Möchte gerne in meinem Quellcode ein Übergeordnetes DIV via CSS ändern.
Und zwar soll die Klasse „header-logo“ auf display: none; gesetzt werden, so bald in der Klasse „search“ zusätzlich „active“ gesetzt ist.

[CODE=html]

Titel Titel 
<ul class="menu-container">
  <li class="search active" />
    <input></input>
  </li>
</ul>
[/CODE]

Habe mich durchs Netzt gewuselt und bin auf :has gestoßen aber irgendwie hab ich wohl ein Denkfehler.

.header-logo:has(> .search.active) { display: none; }

… geht leider nicht.

kann mir da jemand weiterhelfen?

Lieben Gruß,
Kijupo

2

.header__main:has(.search.active) .header-logo { display: none; }

… hat funktioniert.
Manchmal sieht man vor lauter Bäumen den Wald nicht. :smiley: