Select the top orange

Pelo HTML exibido, há uma estrutura:

• <div class="table">
  • <bento />
  • <plate /> (1º prato)
  • <plate> (2º prato)
    • <orange />
    • <orange />
    • <orange />
  • <pickle class="small" />

As três laranjas estão dentro do 2º <plate> e, visualmente, elas estão empilhadas; “a laranja de cima” corresponde à primeira laranja dentro desse prato (no CSS Diner, :first-child seleciona o primeiro filho dentro do elemento pai).

Assim, selecionamos:

• um orange que seja o primeiro filho dentro de plate.

O seletor correto é:

$\texttt{plate orange:first-child}$

Alternativa correta: (sem alternativas).