:matches новый CSS псевдокласс
:matches новый псевдокласс определенный в CSS Selectors Level 4 specification.
:matches повзволяет вам сгруппировать несколько селекторов в одном, для снижения уровня сложности.
Пример, который соответствует всем ссылкам в любой позиции:
:matches(h1, h2, h3, h4, h5) > a { color: rgb(91, 164, 229); }
Тоже самое без :matches
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a { color: rgb(91, 164, 229); }
:matches пока не поддерживается официально ни одним браузером, поддерживается нестандартным псевдоклассом :-moz-any в Firefox (4+) и :-webkit-any в Chrome (12+) и Safari (5.1.3+).
В новой CSS Selectors Level 4 specification псевдокласс :not обновлен и работает похоже на псевдокласс :matches так как поддерживает несколько селекторов в качестве аргументов
Пример
.foo:not(.bar, baz) { color: rebeccapurple; }
Работает как
.foo:not(.bar):not(.baz) { color: rebeccapurple; }
Так как в настоящее время :matches и :not еще не везде работают, их можно использовать с помощью cssnext