Как работают современные селекторы `:is()`, `:where()`, `:has()`?

СобеседованиеСелекторы

:is() — принимает список селекторов, специфичность = максимальная из списка
:where() — как :is(), но специфичность ВСЕГДА 0
:has() — "parent selector", выбирает элемент, содержащий определённого потомка

:is(h1, h2, h3):hover { color: blue; } /* специфичность (0,1,1) */
:where(h1, h2, h3):hover { color: blue; } /* специфичность (0,1,0) */
article:has(img) { display: grid; } /* article, в котором есть img */