W3cubDocs

/Support Tables

:matches() CSS pseudo-class

The :matches() (formerly :any()) pseudo-class checks whether the element at its position in the outer selector matches any of the selectors in its selector list. It's useful syntactic sugar that allows you to avoid writing out all the combinations manually as separate selectors. The effect is similar to nesting in Sass and most other CSS preprocessors.

Spec https://www.w3.org/TR/selectors4/#matches
Status W3C Working Draft
IE Edge Firefox Chrome Safari Opera
      73 (2,4)    
    65 (3,*) 72 (2,4)    
    64 (3,*) 71 (2,4) TP (2)  
11 18 63 (3,*) 70 (2,4) 12 (2) 56 (1,4)
10 17 62 (3,*) 69 (2,4) 11.1 (2) 55 (1,4)
9 16 61 (3,*) 68 (2,4) 11 (2) 54 (1,4)
8 15 60 (3,*) 67 (2,4) 10.1 (2) 53 (1,4)
Show all
7 14 59 (3,*) 66 (2,4) 10 (2) 52 (1,4)
6 13 58 (3,*) 65 (2,4) 9.1 (2) 51 (1,*)
5.5 12 57 (3,*) 64 (1,*) 9 (2) 50 (1,*)
    56 (3,*) 63 (1,*) 8 (1,*) 49 (1,*)
    55 (3,*) 62 (1,*) 7.1 (1,*) 48 (1,*)
    54 (3,*) 61 (1,*) 7 (1,*) 47 (1,*)
    53 (3,*) 60 (1,*) 6.1 (1,*) 46 (1,*)
    52 (3,*) 59 (1,*) 6 (1,*) 45 (1,*)
    51 (3,*) 58 (1,*) 5.1 (1,*) 44 (1,*)
    50 (3,*) 57 (1,*) 5 43 (1,*)
    49 (3,*) 56 (1,*) 4 42 (1,*)
    48 (3,*) 55 (1,*) 3.2 41 (1,*)
    47 (3,*) 54 (1,*) 3.1 40 (1,*)
    46 (3,*) 53 (1,*)   39 (1,*)
    45 (3,*) 52 (1,*)   38 (1,*)
    44 (3,*) 51 (1,*)   37 (1,*)
    43 (3,*) 50 (1,*)   36 (1,*)
    42 (3,*) 49 (1,*)   35 (1,*)
    41 (3,*) 48 (1,*)   34 (1,*)
    40 (3,*) 47 (1,*)   33 (1,*)
    39 (3,*) 46 (1,*)   32 (1,*)
    38 (3,*) 45 (1,*)   31 (1,*)
    37 (3,*) 44 (1,*)   30 (1,*)
    36 (3,*) 43 (1,*)   29 (1,*)
    35 (3,*) 42 (1,*)   28 (1,*)
    34 (3,*) 41 (1,*)   27 (1,*)
    33 (3,*) 40 (1,*)   26 (1,*)
    32 (3,*) 39 (1,*)   25 (1,*)
    31 (3,*) 38 (1,*)   24 (1,*)
    30 (3,*) 37 (1,*)   23 (1,*)
    29 (3,*) 36 (1,*)   22 (1,*)
    28 (3,*) 35 (1,*)   21 (1,*)
    27 (3,*) 34 (1,*)   20 (1,*)
    26 (3,*) 33 (1,*)   19 (1,*)
    25 (3,*) 32 (1,*)   18 (1,*)
    24 (3,*) 31 (1,*)   17 (1,*)
    23 (3,*) 30 (1,*)   16 (1,*)
    22 (3,*) 29 (1,*)   15 (1,*)
    21 (3,*) 28 (1,*)   12.1
    20 (3,*) 27 (1,*)   12
    19 (3,*) 26 (1,*)   11.6
    18 (3,*) 25 (1,*)   11.5
    17 (3,*) 24 (1,*)   11.1
    16 (3,*) 23 (1,*)   11
    15 (3,*) 22 (1,*)   10.6
    14 (3,*) 21 (1,*)   10.5
    13 (3,*) 20 (1,*)   10.0-10.1
    12 (3,*) 19 (1,*)   9.5-9.6
    11 (3,*) 18 (1,*)   9
    10 (3,*) 17 (1,*)    
    9 (3,*) 16 (1,*)    
    8 (3,*) 15 (1,*)    
    7 (3,*) 14    
    6 (3,*) 13    
    5 (3,*) 12    
    4 (3,*) 11    
    3.6 10    
    3.5 9    
    3 8    
    2 7    
      6    
      5    
      4    
iOS Safari Opera Mini Android Browser Blackberry Browser Opera Mobile Android Chrome Android Firefox IE Mobile Android UC Browser Samsung Internet QQ Browser Baidu Browser
12 (2) all 67 (1,*) 10 (1,*) 46 (1,*) 70 (1,4) 63 (3,*) 11 11.8 (1,*) 7.2 (1,*) 1.2 (1,*) 7.12 (1,*)
11.3-11.4 (2)   4.4.3-4.4.4 (1,*) 7 12.1     10   6.2 (1,*)    
11.0-11.2 (2)   4.4 (1,*)   12         5 (1,*)    
10.3 (2)   4.2-4.3 (1,*)   11.5         4 (1,*)    
Show all
10.0-10.2 (2)   4.1 (1,*)   11.1              
9.3 (2)   4 (1,*)   11              
9.0-9.2 (2)   3   10              
8.1-8.4 (1,*)   2.3                  
8 (1,*)   2.2                  
7.0-7.1 (1,*)   2.1                  
6.0-6.1                      
5.0-5.1                      
4.2-4.3                      
4.0-4.1                      
3.2                      

Notes

Most browsers support this spelled as a prefixed :-vendor-any() pseudo-class.

  1. Only supports the :-webkit-any() pseudo-class, which is deprecated due to handling specificity incorrectly.

  2. Also supports the :-webkit-any() pseudo-class, which is deprecated due to handling specificity incorrectly.

  3. Only supports the :-moz-any() pseudo-class.

  4. Support for ':matches()' is available behind the "Experimental Web Platform features" flag

* Partial support with prefix.

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=css-matches-pseudo