Descendente (E F) : El seleceltor se dirige a todo elemento que es descendente de él. Es este caso sería todos los elementos F que desciende de E.
Ejemplo
See the Pen descendente by Bernardo Martin (@bermartinv) on CodePen.
Hijo (E>F) : Se selecciona un elemento F que es hijo directo de E.
Ejemplo
See the Pen hijo by Bernardo Martin (@bermartinv) on CodePen.
Hermanos adyacentes (E + F) : El selector selecciona todos los elementos de tipo F en el que este aparece inmediatamente despues de E y además F debe tener el mismo padre que E
Ejemplo
See the Pen hermano descendente by Bernardo Martin (@bermartinv) on CodePen.
Hermano general (E ~ F):Seleccionaremos el elemento F que siga a in E, siempre y cuando ambos compartan el mismo padre directo.
Ejemplo
See the Pen hermano general by Bernardo Martin (@bermartinv) on CodePen.