L’ereditarietà è una caratteristica fondamentale dei CSS che stabilisce come le proprietà dei CSS siano applicate agli elementi HTML e come si propagano dal genitore ai figli. L’ereditarietà in CSS significa che se specifici una proprietà CSS per un elemento genitore, quel valore sarà ereditato dai suoi figli, a meno che non si specifichi un valore diverso per i figli.
Per utilizzare l’ereditarietà in CSS, dovresti seguire questi passaggi:
1. Definire le proprietà sul tag padre: Ad esempio, se vuoi che tutti i paragrafi all’interno di un `
```
div {
font-family: Arial, sans-serif;
}
```
1. I tag dei figli ereditano le proprietà del genitore: Ora, tutti i `
` all’interno di un `
```
Questo paragrafo avrà il carattere Arial.
Anche questo paragrafo avrà il carattere Arial.
1. Sovrascrivere le proprietà ereditate: Se desideri che un figlio abbia un valore diverso da quello del genitore, puoi sovrascrivere la proprietà sul figlio. Ad esempio, se desideri che uno dei paragrafi abbia un font diverso, puoi fare quanto segue:
```
p.special {
font-family: ‘Courier New’, Courier, monospace;
}
```
```
Questo paragrafo avrà il carattere Arial.
Questo paragrafo avrà il carattere Courier New.
Questo paragrafo avrà ancora il carattere Arial.
Prima di utilizzare l’ereditarietà, è importante ricordare che non tutte le proprietà CSS sono ereditate. Ad esempio, `margin`, `padding`, `background-color`, `border` e `display` non sono ereditati. Per forzare l’ereditarietà di una proprietà, è possibile utilizzare il valore `inherit`.
Ad esempio, `margin: inherit;`.
Inoltre, se desiderate che una regola specifica si applichi a tutti gli elementi del vostro sito, potete applicare la regola all’elemento `body`, dato che tutti gli altri elementi HTML sono figli di `body` e quindi erediteranno i suoi stili.
