SURPRISING FACTS ABOUT NEW CSS SELECTORS

Summary from the TLDR Design newsletter

:is(), accepts a comma-separated list of selectors and matches any element that can be selected by one of the items in the list, :not(), represents elements that do not match a list of selectors, :has(), is a way to select a parent element based on its children or siblings, and :where(), behaves like the :is() selector, but its specificity is always zero.