The :is()
(formerly :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 |
---|---|---|---|---|---|
108 | |||||
107 | 107 | TP | |||
106 | 106 | 16.1 | |||
11 | 105 | 105 | 105 | 16.0 | 91 |
10 | 104 | 104 | 104 | 15.6 | 90 |
9 | 103 | 103 | 103 | 15.5 | 89 |
8 | 102 | 102 | 102 | 15.4 | 88 |
Show all | |||||
7 | 101 | 101 | 101 | 15.2-15.3 | 87 |
6 | 100 | 100 | 100 | 15.1 | 86 |
5.5 | 99 | 99 | 99 | 15 | 85 |
98 | 98 | 98 | 14.1 | 84 | |
97 | 97 | 97 | 14 | 83 | |
96 | 96 | 96 | 13.1 (2) | 82 | |
95 | 95 | 95 | 13 (2) | 81 | |
94 | 94 | 94 | 12.1 (2) | 80 | |
93 | 93 | 93 | 12 (2) | 79 | |
92 | 92 | 92 | 11.1 (2) | 78 | |
91 | 91 | 91 | 11 (2) | 77 | |
90 | 90 | 90 | 10.1 (2) | 76 | |
89 | 89 | 89 | 10 (2) | 75 | |
88 | 88 | 88 | 9.1 (2) | 74 (1,4) | |
87 (1,4) | 87 | 87 (1,4) | 9 (2) | 73 (1,4) | |
86 (1,4) | 86 | 86 (1,4) | 8 (1,*) | 72 (1,4) | |
85 (1,4) | 85 | 85 (1,4) | 7.1 (1,*) | 71 (1,4) | |
84 (1,4) | 84 | 84 (1,4) | 7 (1,*) | 70 (1,4) | |
83 (1,4) | 83 | 83 (1,4) | 6.1 (1,*) | 69 (1,4) | |
81 (1,4) | 82 | 81 (1,4) | 6 (1,*) | 68 (1,4) | |
80 (1,4) | 81 | 80 (1,4) | 5.1 (1,*) | 67 (1,4) | |
79 (1,4) | 80 | 79 (1,4) | 5 | 66 (1,4) | |
18 | 79 | 78 (1,4) | 4 | 65 (1,4) | |
17 | 78 | 77 (1,4) | 3.2 | 64 (1,4) | |
16 | 77 (3,*) | 76 (1,4) | 3.1 | 63 (1,4) | |
15 | 76 (3,*) | 75 (1,4) | 62 (1,4) | ||
14 | 75 (3,*) | 74 (1,4) | 60 (1,4) | ||
13 | 74 (3,*) | 73 (1,4) | 58 (1,4) | ||
12 | 73 (3,*) | 72 (1,4) | 57 (1,4) | ||
72 (3,*) | 71 (1,4) | 56 (1,4) | |||
71 (3,*) | 70 (1,4) | 55 (1,4) | |||
70 (3,*) | 69 (1,4) | 54 (1) | |||
69 (3,*) | 68 (1,4) | 53 (1) | |||
68 (3,*) | 67 (1) | 52 (1) | |||
67 (3,*) | 66 (1) | 51 (1,*) | |||
66 (3,*) | 65 (1) | 50 (1,*) | |||
65 (3,*) | 64 (1,*) | 49 (1,*) | |||
64 (3,*) | 63 (1,*) | 48 (1,*) | |||
63 (3,*) | 62 (1,*) | 47 (1,*) | |||
62 (3,*) | 61 (1,*) | 46 (1,*) | |||
61 (3,*) | 60 (1,*) | 45 (1,*) | |||
60 (3,*) | 59 (1,*) | 44 (1,*) | |||
59 (3,*) | 58 (1,*) | 43 (1,*) | |||
58 (3,*) | 57 (1,*) | 42 (1,*) | |||
57 (3,*) | 56 (1,*) | 41 (1,*) | |||
56 (3,*) | 55 (1,*) | 40 (1,*) | |||
55 (3,*) | 54 (1,*) | 39 (1,*) | |||
54 (3,*) | 53 (1,*) | 38 (1,*) | |||
53 (3,*) | 52 (1,*) | 37 (1,*) | |||
52 (3,*) | 51 (1,*) | 36 (1,*) | |||
51 (3,*) | 50 (1,*) | 35 (1,*) | |||
50 (3,*) | 49 (1,*) | 34 (1,*) | |||
49 (3,*) | 48 (1,*) | 33 (1,*) | |||
48 (3,*) | 47 (1,*) | 32 (1,*) | |||
47 (3,*) | 46 (1,*) | 31 (1,*) | |||
46 (3,*) | 45 (1,*) | 30 (1,*) | |||
45 (3,*) | 44 (1,*) | 29 (1,*) | |||
44 (3,*) | 43 (1,*) | 28 (1,*) | |||
43 (3,*) | 42 (1,*) | 27 (1,*) | |||
42 (3,*) | 41 (1,*) | 26 (1,*) | |||
41 (3,*) | 40 (1,*) | 25 (1,*) | |||
40 (3,*) | 39 (1,*) | 24 (1,*) | |||
39 (3,*) | 38 (1,*) | 23 (1,*) | |||
38 (3,*) | 37 (1,*) | 22 (1,*) | |||
37 (3,*) | 36 (1,*) | 21 (1,*) | |||
36 (3,*) | 35 (1,*) | 20 (1,*) | |||
35 (3,*) | 34 (1,*) | 19 (1,*) | |||
34 (3,*) | 33 (1,*) | 18 (1,*) | |||
33 (3,*) | 32 (1,*) | 17 (1,*) | |||
32 (3,*) | 31 (1,*) | 16 (1,*) | |||
31 (3,*) | 30 (1,*) | 15 (1,*) | |||
30 (3,*) | 29 (1,*) | 12.1 | |||
29 (3,*) | 28 (1,*) | 12 | |||
28 (3,*) | 27 (1,*) | 11.6 | |||
27 (3,*) | 26 (1,*) | 11.5 | |||
26 (3,*) | 25 (1,*) | 11.1 | |||
25 (3,*) | 24 (1,*) | 11 | |||
24 (3,*) | 23 (1,*) | 10.6 | |||
23 (3,*) | 22 (1,*) | 10.5 | |||
22 (3,*) | 21 (1,*) | 10.0-10.1 | |||
21 (3,*) | 20 (1,*) | 9.5-9.6 | |||
20 (3,*) | 19 (1,*) | 9 | |||
19 (3,*) | 18 (1,*) | ||||
18 (3,*) | 17 (1,*) | ||||
17 (3,*) | 16 (1,*) | ||||
16 (3,*) | 15 (1,*) | ||||
15 (3,*) | 14 | ||||
14 (3,*) | 13 | ||||
13 (3,*) | 12 | ||||
12 (3,*) | 11 | ||||
11 (3,*) | 10 | ||||
10 (3,*) | 9 | ||||
9 (3,*) | 8 | ||||
8 (3,*) | 7 | ||||
7 (3,*) | 6 | ||||
6 (3,*) | 5 | ||||
5 (3,*) | 4 | ||||
4 (3,*) | |||||
3.6 | |||||
3.5 | |||||
3 | |||||
2 |
Safari on iOS | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Android Chrome | Android Firefox | IE Mobile | Android UC Browser | Samsung Internet | QQ Browser | Baidu Browser | KaiOS Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|
16.1 | ||||||||||||
16.0 | all | 105 | 10 (1,*) | 64 | 105 | 104 | 11 | 13.4 (1,*) | 18.0 | 13.1 (1,4) | 13.18 | 2.5 (3,*) |
15.6 | 4.4.3-4.4.4 (1,*) | 7 | 12.1 | 10 | 17.0 | |||||||
15.5 | 4.4 (1,*) | 12 | 16.0 | |||||||||
15.4 | 4.2-4.3 (1,*) | 11.5 | 15.0 | |||||||||
Show all | ||||||||||||
15.2-15.3 | 4.1 (1,*) | 11.1 | 14.0 (1,*) | |||||||||
15.0-15.1 | 4 (1,*) | 11 | 13.0 (1,*) | |||||||||
14.5-14.8 | 3 | 10 | 12.0 (1,*) | |||||||||
14.0-14.4 | 2.3 | 11.1-11.2 (1,*) | ||||||||||
13.4-13.7 (2) | 2.2 | 10.1 (1,*) | ||||||||||
13.3 (2) | 2.1 | 9.2 (1,*) | ||||||||||
13.2 (2) | 8.2 (1,*) | |||||||||||
13.0-13.1 (2) | 7.2-7.4 (1,*) | |||||||||||
12.2-12.5 (2) | 6.2-6.4 (1,*) | |||||||||||
12.0-12.1 (2) | 5.0-5.4 (1,*) | |||||||||||
11.3-11.4 (2) | 4 (1,*) | |||||||||||
11.0-11.2 (2) | ||||||||||||
10.3 (2) | ||||||||||||
10.0-10.2 (2) | ||||||||||||
9.3 (2) | ||||||||||||
9.0-9.2 (2) | ||||||||||||
8.1-8.4 (1,*) | ||||||||||||
8 (1,*) | ||||||||||||
7.0-7.1 (1,*) | ||||||||||||
6.0-6.1 | ||||||||||||
5.0-5.1 | ||||||||||||
4.2-4.3 | ||||||||||||
4.0-4.1 | ||||||||||||
3.2 |
Only supports the deprecated :-webkit-any()
pseudo-class
Only supports the deprecated :-webkit-any()
and :matches()
pseudo-classes
Only supports the deprecated :-moz-any()
pseudo-class.
Support for :is()
can be enabled with the Experimental Web Platform features
flag
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/css-matches-pseudo