Selector pseudo-class :is() and :not()

:is() - псевдо-клас що приймає список елементів
(точніше їх селектори) та застосовує до всіх них задані стилі.
Корисно використовувати для вложеності елементів.

/* Selects any paragraph inside a header, main
    or footer element that is being hovered */
:is(header, main, footer) p:hover {
  color: red;
  cursor: pointer;
}

:not() - псевдо-клас що приймає список елементів
і представляє всі елементи що не знаходяться у
переданому як аргумент списку елементів.

/* Selects any element that is NOT a paragraph */
:not(p) {
  color: blue;
}