Ao usar querySelectorAll, existe uma maneira de referenciar os filhos imediatos do nó de contexto, sem usar IDs?
Digamos que eu tenha uma estrutura HTML como
<div id="a">
<div id="b">
<div id="c"></div>
</div>
</div>
Para fazer uma consulta para os filhos de "a" usando querySelectorAll eu posso fazer algo como
//Get "b", but not "c"
document.querySelectorAll('#a > div')
Minha pergunta é: é possível fazer isso sem o ID, referenciando o nó diretamente? Eu tentei fazer
var a_div = document.getElementById('a')
a_div.querySelectorAll('> div') //<-- error here
mas recebo um erro dizendo que o seletor que usei é inválido.
E caso alguém esteja se perguntando, meu caso de uso real seria algo mais complicado como '> .foo .bar .baz', então eu preferiria evitar a travessia manual de DOM. Atualmente estou adicionando um id temporário ao div raiz, mas isso parece um hack feio ...