Wie definiert man ein Kind in CSS, ohne das erste Kind zu erwähnen?

Question

Lassen Sie uns sagen, ich habe html wie folgt aus:

<div class="A"> 
    <div class="B"> 
     <div class="C"> 
      Some more detailed code.... 
     </div> 
    </div> 
</div> 

Ich möchte wissen, wie auf „C“ beziehen „A“ in CSS, ohne zu definieren, „B“, weil der Klasseninhalt variiert und es würde schwierig sein, um es zu benutzen, so kann ich es nicht definieren. Auch das "A" muss enthalten sein, da das "C" in anderen Teilen des Webs vorkommt und ich es dort nicht ändern kann.

Danke

Answer 1

können Sie so etwas wie verwenden:

.a div .c { 
    ... 
} 

Oder auch dies funktionieren wird, aber auch direkte Kinder inbegriffen:

.a .c { 
... 
} 

Answer 2

.A .C{ 
    attribute goes here ; 
} 

Answer 3

Sie dies nicht tun brauche die Mittelklasse, um ein Kind anzusprechen. Sie können nur zielen mit .A .C { ... }, oder .A div .C { ... }, wenn Sie wissen, .B wird ein div sein, und Sie möchten es auf diese Weise begrenzen.

Sie können den Child-Kombinator-Selektor auch verwenden, wenn Sie die Tiefe begrenzen möchten. Wie .A > div > .C würde die genaue Tiefe Ihres Beispiels zielen.