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");
https://developer.mozilla.org/en-US/docs/Web/CSS/:scope
#CSS #JavaScript #TIL
The difference between :where() and :is() is that :where() always has 0 specificity, whereas :is() takes on the specificity of the most specific selector in its arguments.
https://developer.mozilla.org/en-US/docs/Web/CSS/:where
#TIL #CSS