Child

Il combinatore child (figlio) in CSS è il simbolo maggiore di (>), che viene utilizzato in questo modo:

ul > li {
  color: red;
}

Letteralmente significa “selezionare elementi che sono discendenti diretti di un elemento”. In questo caso vengono selezionate tutte le voci della lista (<li>) che sono diretti discendenti di un elenco (<ol>).

<ul>
  <li>Questo elemento sarà selezionato</li>
  <li>E anche questo elemento</li>
  <ol>
    <li>Questo elemento invece no</li>
    <li>Non è discendente diretto di ul</li>
  </ol>
  <li>Anche questo qui viene selezionato</li>
</ul>

Ecco come appare questo eleneco:

Sinonimi

Il combinatore child in italiano può essere tradotto come combinatore figlio, ma può essere chiamato anche:

• selettore child;
• selettore figlio;
• selettore discendente diretto;
• combinatore discendente diretto.