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

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

el.querySelectorAll('> .foo');

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

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

ChromeFirefoxでは動いた。