Gli stili che vengono applicati ad un determinato elemento ricadono anche sugli elementi discendenti, le cose cambiano solo nel caso in cui vengano imposti dei valori diversi ai discendenti dell’elemento principale, questo concetto prende il nome di ereditarietà. Non vengono però ereditate tutte le proprietà, come nel caso di quelle attinenti alla formattazione del box model.

La prima regola da ricordare  è che i selettori di identità prevalgono su quelli di classe, che a loro volta prevalgono su quelli semplici con elemento, quindi possiamo dire che i selettori di identità pesano di più di quelli di casse che a loro volta sono più pesanti di quelli con elemento.

Nell’esempio precedente il testo sarà di colore rosso e non verde come specificato nella dichiarazione del selettore con elemento. Con queste semplici parole abbiamo definito il concetto di “peso”.

Quando viene visualizzata una pagina Xhtml ci sono tre diversi stili che possono modificare le modalità di visualizzazione della pagina: il foglio di stile dell’autore, quello dell’utente e quello predefinito del browser. Il foglio dell’autore pesa di più di quello definito dall’utente che a sua volta pesa di più di quello predefinito del browser, si può fare in modo però, che il browser dia più importanza al foglio di stile definito dall’utente.