CSS - Auswahl eines Nachkomme Element eines Nachkommens Element

Question

Wenn ich den HTML-Code hatte,

<div class="group"> 
    <p>This paragraph has <code>inline code that should be selected</code>.</p> 
    <code>This is a block of code that should not be selected.</code> 
</div> 

<div class="other"> 
    <p>This paragraph has <code>inline code that should NOT be selected</code.</p> 
</div> 

Wie konnte nur die code Elemente innerhalb von p Elemente auswählen, die Nachkommen von Elementen durch die „Gruppe“ Klasse beschrieben ? Ich möchte es jetzt ziemlich allgemein behalten, also wenn ich ein code Element innerhalb eines em Elements hatte, das innerhalb eines Elements war, möchte ich es noch auswählen.

Ich laufe weiter in diese Frage, also würde ich gerne wissen, ob es möglich ist, anstatt andere Wege, die nicht tatsächlich adressieren die Auswahl eines Nachkommens eines anderen Nachkommen-Element. Allerdings bin ich neu in HTML und CSS, also wenn ich über all das alles falsch nachdenke, würde ich gerne wissen.

Answer 1

Sie verwenden nur zwei descendant combinators in Ihrem Selektor.

.group p code