: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

Читайте также: