The :scope CSS pseudo-class represents elements that are a reference point for selectors to match against.
A situation where the :scope pseudo-class prove to be useful is when you need to get direct descendant of an already retrieved Element

element.querySelectorAll(":scope > .child"); 

:scope - CSS: Cascading Style Sheets | MDN

^{developer.mozilla.org}