CSS - design di classe genitore se il bambino ha una classe specifica

Question

Eventuali duplicati:
Complex CSS selector for parent of active child
Is there a CSS parent selector?

C'è un modo di progettare classe genitore in base a se i suoi elementi bambino ha una classe specifica?

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

.

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

voglio progettare il primo .container in modo diverso in base a se la classe bambino è content1 o content2. Deve essere una soluzione css pura, senza javascript.

Answer 1

No, non puoi farlo. I CSS non possono selezionare elementi in base ai loro figli, tranne per verificare se l'elemento è vuoto.

Answer 2

Quello che stai chiedendo è il mitico selettore genitore CSS. Forse un giorno.

Answer 3

Perché non utilizzare container1 + content e container2 + content?

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

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

e poi scrivere i CSS in questo modo:

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

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