Enésima criança:
.foo:nth-child(n)não selecionará o enésimo filho de .foo. Ele selecionará o enésimo div com uma classe de foo encontrada no documento. Se você quiser selecionar o enésimo filho em foo, use o seletor descendente desta forma:
.foo > :nth-child(n)