element.querySelectorで直下の要素を指定する

例えばel（DOM Element）の直下の.fooを取りたいときに、以下のようにしたい。

el.querySelectorAll('> .foo');

これだとエラーになるんだけど:scopeを使えばいける。

el.querySelectorAll(':scope > .foo');

Chrome、Firefoxでは動いた。