CSS: ereditarietà

L'ereditarietà è il sistema per il quale le proprietà di un elemento CSS sono automaticamente ereditate da elementi discendenti in una struttura ad albero di una pagina XHTML.

 

<html>
  <head>
    <title>Struttura ad albero</title>
  </head>
  <body>
    <h1>Titolo</h1>
    <div>
      <p>Paragrafo <a href="http://www.webgab.eu/struttura-ad-albero.html" target="_blank">link</a></p>
    </div>
    <p><b>Paragrafo</b></p>
  </body>
</html>

Questa distinzione è valida solo se tra un elemento e l'altro si scende di un solo livello. Nel caso ci siano più livelli tra gli elementi contenitori e gli elementi contenuti allora la distinzione è:

  • antenato: contiene un elemento contentuo da altri elementi su diversi livelli
  • discendente: Ë contenuto da elementi antenati.

L'elemento <HTML> Ë l'unico tag XHTML che non può considerarsi ne figlio ne discendente, in quanto non c'è nessun altro elemento che può contenerlo, quindi è definito ROOT, cioè radice.