Найти тему
Web Dev

CSS Псевдоклассы :where и :is

Оглавление

А вы когда-нибудь слышали про псевдоклассы :where и :is? Это функциональные псевдоклассы, которые принимают в себя массив селекторов (Идентификаторы, классы, теги).

CSS Псевдоклассы :where и :is
CSS Псевдоклассы :where и :is

Как использовать?

:where

:where
:where

:is

:is
:is

Чем отличаются :where от :is?

По функционалу работы они ничем не отличаются. Но у :is более высокая специфичность в работе с селекторами в отличии от :where у которого она ровна нулю. Проще говоря, если вы где-то собираетесь переопределять стили, то при использовании :IS могут возникнуть проблемы и придется использовать !important.

Поддержка браузерами

На сегодняшний день поддержка браузерами достаточно высокая 80%+
Can I Use => :is
Can I Use => :where