Child (div > span)

code-example

Not applied

CSS applied

Not applied

Not applied

Not applied

CSS applied

CSS applied

Cada elemento que esté dentro (por eso se llama hijo) del indicado previamente recibirá los estilos aplicados.
El elemento tiene que ser hijo directo del indicado previamente, es decir, si el span está dentro de un article dentro del div no recibiría los estilos, puesto que su padre directo en este caso sería el article, aunque estuviera dentro del div.
La diferencia con el general es que el otro se basa en que los elementos sean hermanos (estar al mismo nivel) y aquí en estar dentro el uno del otro. Igualmente, si fuese h2 > span > p, recibirían los estilos todas las etiquetas p que estuvieran dentro de un span que a su vez estuviera dentro de un h2