Как работает псевдокласс :is() и чем он отличается от других псевдоклассов?

Question

Псевдокласс :is() позволяет сократить запись сложных селекторов, объединяя несколько селекторов в одном выражении. Он облегчает код и повышает его читаемость, применяя стили к элементам, соответствующим любому из указанных в :is() селекторов.

YeaHub · Accepted Answer

Псевдокласс :is() применяется для сокращения записи сложных CSS-селекторов и упрощения стилизации элементов. Он позволяет объединить несколько селекторов в одном выражении и применяет стили к любому элементу, который соответствует одному из перечисленных селекторов внутри :is(). Например:.cat-list:is(::before, ::after) {
	text-transform: uppercase;
}Этот код изменяет стиль текста, вставленного с помощью псевдоэлементов ::before и ::after для всех элементов с классом .cat-list, делая его заглавным. В отличие от обычных псевдоклассов, :is() также способствует оптимизации CSS, так как учитывает специфичность только самого селектора, находящегося внутри :is().