:where - это CSS псевдокласс, который принимает в качестве аргумента список селекторов и применяет заданные стили к любому элементу из него. Он очень полезен для сокращения длинного списка селекторов и не только.
Например, вместо того, чтобы писать:
header p:hover,
main p:hover,
footer p:hover {
color: red;
cursor: pointer;
}
Данный псевдокласс позволяет сократить код до:
:where(header, main, footer) p:hover {
color: red;
cursor: pointer;
}
Поддержка браузерами уже вполне приличная! Можно посмотреть здесь.
Подробно о :where и случаях его использования читайте в статье.
Ссылка на статью
#css