Erro de iniciante em seletor de descendentes

Observe o seguinte seletor:

cssp.eee {
  color: red;
}

Você já deve saber que esse seletor escolherá parágrafos com a classe eee. Por exemplo, estes:

html<p class="eee">
  lorem ipsum
</p>
<p class="eee">
  lorem ipsum
</p>

Agora, observe este seletor:

cssp .eee {
  color: green;
}

Este seletor difere do anterior porque entre o nome da tag e o nome da classe há um espaço. Este espaço representa o seletor de descendentes. Ou seja, neste caso estamos selecionando todos os elementos com a classe eee, que estão dentro de parágrafos. Por exemplo, este seletor escolherá os seguintes spans:

html<p>
  lorem <span class="eee">ipsum</span>
</p>
<p>
  lorem <span class="eee">ipsum</span>
</p>

Resultado da execução do código:

cssp.bbb {
  color: red;
}

cssp .bbb {
  color: red;
}

css.eee p.bbb {
  color: red;
}

css.eee p .bbb {
  color: red;
}