selezionare figlio senza scrivere tutta la gerarchia

[slerosa]

Come da titolo,
se ad esempio ho il seguente codice

<div class="padre">    <span class="figlio1">
        <div class="figlio2">
            <div class="figlio3">
                <div class="figlio4">
                    <div class="figlio5"></div>
                </div>
            </div>
        </div>
    </span>
</div>




<div class="padre_1">
    <span class="figlio1">
        <div class="figlio2">
            <div class="figlio3">
                <div class="figlio4">
                    <div class="figlio5"></div>
                </div>
            </div>
        </div>
    </span>
</div>

posso selezionare in qualche maniera .figlio5 (solo se è figlio di padre_1) senza stare a ripercorre tutta la gerarchia .padre_1 .figlio1 .figlio2 etc...

[KillerWorm]

posso selezionare in qualche maniera .figlio5 (solo se è figlio di padre_1) senza stare a ripercorre tutta la gerarchia .padre_1 .figlio1 .figlio2 etc...

Certo, ti basta il riferimento del contenitore padre e di quell'elemento.
Una cosa del genere:

.padre_1 .figlio5

Seleziona un qualsiasi elemento .figlio5 che stia dentro un qualsiasi elemento .padre_1 a prescindere dal grado di parentela.

Occhio che quella struttura non è HTML valido. Di norma, elementi span non possono contenere elementi div. Puoi fare la verifica col validatore online https://validator.w3.org/nu/#textarea

[slerosa]

Certo, ti basta il riferimento del contenitore padre e di quell'elemento.
Una cosa del genere:

.padre_1 .figlio5

Seleziona un qualsiasi elemento .figlio5 che stia dentro un qualsiasi elemento .padre_1 a prescindere dal grado di parentela.

Occhio che quella struttura non è HTML valido. Di norma, elementi span non possono contenere elementi div. Puoi fare la verifica col validatore online https://validator.w3.org/nu/#textarea

ti ringrazio!!! la struttura l'ho scritta a caso comunque grazie anche per questo