Diciamo che vuoi centrare il testo qui:
<div class="wrapper">
<div class="content">
<p class="body">
GUCCI GANG, GUCCI GANG, GUCCI GANG, GUCCI GANG, GUCCI GANG, GUCCI GANG
</p>
</div>
</div>
Non fa differenza se metti text-align: center; su wrapper , content o body . Quale elemento dell'albero di nidificazione dovresti applicare CSS in questi casi? È una buona pratica stilare l'elemento più interno?
Non c'è una sola risposta a questo. Dipende dal tuo stile, dal fatto che sia ereditabile, da come potrebbe cambiare la struttura del documento in futuro, ecc.
Il commento @ robert-harvey "ha senso (anche se il tuo stile può facilmente dire" tutti i body paragrafi in div.content , cioè un selettore come div.content p.body {rules} , quindi si applica a tutto ciò che aggiungi in seguito)
Applica lo stile a qualunque cosa appartenga logicamente - ad es., se è un colore di sfondo per l'intera divisione, cioè, non applicarlo a "tutti i paragrafi della divisione", applicalo al div stesso. D'altra parte, se si intende evidenziare i paragrafi della classe body (ma non altri paragrafi né lo spazio vuoto tra quelli), quindi applicarlo solo a p.body .
Leggi altre domande sui tag web-development patterns-and-practices