CSS - projektowanie klasy nadrzędnej, jeśli dziecko ma określonej klasy

Question

Powiel możliwe:
Complex CSS selector for parent of active child
Is there a CSS parent selector?

Czy istnieje sposób, aby zaprojektować klasy nadrzędnej oparciu jeśli jego elementy dziecko ma konkretna klasa?

<div class="container"> 
    <div class="content1"> 
     text 
    </div> 
</div> 

.

<div class="container"> 
    <div class="content2"> 
     text 
    </div> 
</div> 

Chcę zaprojektować pierwszy .container różny sposób w zależności czy dziecko jest klasa content1 lub content2. To musi być czyste rozwiązanie css, bez javascript.

Answer 1

Nie, nie możesz tego zrobić. CSS nie może wybierać elementów na podstawie ich elementów podrzędnych, z wyjątkiem tego, czy element jest pusty.

Answer 2

To, o co prosisz, to mityczny selektor rodzica CSS. Być może któregoś dnia.

Answer 3

Dlaczego nie używać container1 + content i container2 + content?

<div class="container1"> 
    <div class="content"> 
     text 
    </div> 
</div> 

<div class="container2"> 
    <div class="content"> 
     text 
    </div> 
</div> 

A potem napisać CSS tak:

.container1 .content { 
    /* Container 1 styles here */ 
} 

.container2 .content { 
    /* Container 2 styles here */ 
}