css-matches-pseudo.json 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297
  1. {
  2. "title":":matches() CSS pseudo-class",
  3. "description":"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.",
  4. "spec":"https://www.w3.org/TR/selectors4/#matches",
  5. "status":"wd",
  6. "links":[
  7. {
  8. "url":"https://developer.mozilla.org/en-US/docs/Web/CSS/:any",
  9. "title":"Mozilla Developer Network article"
  10. },
  11. {
  12. "url":"https://webkit.org/blog/3615/css-selectors-inside-selectors-discover-matches-not-and-nth-child/",
  13. "title":"WebKit blog post about adding `:matches()` and other Selectors Level 4 features"
  14. },
  15. {
  16. "url":"https://bugzilla.mozilla.org/show_bug.cgi?id=906353",
  17. "title":"Mozilla Bug 906353 - Add support for css4 selector :matches(), the standard of :-moz-any()"
  18. },
  19. {
  20. "url":"https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/9361350--matches",
  21. "title":"Microsoft Edge UserVoice feature request for :matches()"
  22. },
  23. {
  24. "url":"http://output.jsbin.com/lehina",
  25. "title":"JS Bin testcase"
  26. },
  27. {
  28. "url":"https://bugs.chromium.org/p/chromium/issues/detail?id=568705",
  29. "title":"Issue 568705: Chrome does not support :matches() selector"
  30. }
  31. ],
  32. "bugs":[
  33. ],
  34. "categories":[
  35. "CSS"
  36. ],
  37. "stats":{
  38. "ie":{
  39. "5.5":"n",
  40. "6":"n",
  41. "7":"n",
  42. "8":"n",
  43. "9":"n",
  44. "10":"n",
  45. "11":"n"
  46. },
  47. "edge":{
  48. "12":"n",
  49. "13":"n",
  50. "14":"n"
  51. },
  52. "firefox":{
  53. "2":"u",
  54. "3":"u",
  55. "3.5":"u",
  56. "3.6":"u",
  57. "4":"a x #3",
  58. "5":"a x #3",
  59. "6":"a x #3",
  60. "7":"a x #3",
  61. "8":"a x #3",
  62. "9":"a x #3",
  63. "10":"a x #3",
  64. "11":"a x #3",
  65. "12":"a x #3",
  66. "13":"a x #3",
  67. "14":"a x #3",
  68. "15":"a x #3",
  69. "16":"a x #3",
  70. "17":"a x #3",
  71. "18":"a x #3",
  72. "19":"a x #3",
  73. "20":"a x #3",
  74. "21":"a x #3",
  75. "22":"a x #3",
  76. "23":"a x #3",
  77. "24":"a x #3",
  78. "25":"a x #3",
  79. "26":"a x #3",
  80. "27":"a x #3",
  81. "28":"a x #3",
  82. "29":"a x #3",
  83. "30":"a x #3",
  84. "31":"a x #3",
  85. "32":"a x #3",
  86. "33":"a x #3",
  87. "34":"a x #3",
  88. "35":"a x #3",
  89. "36":"a x #3",
  90. "37":"a x #3",
  91. "38":"a x #3",
  92. "39":"a x #3",
  93. "40":"a x #3",
  94. "41":"a x #3",
  95. "42":"a x #3",
  96. "43":"a x #3",
  97. "44":"a x #3",
  98. "45":"a x #3",
  99. "46":"a x #3",
  100. "47":"a x #3",
  101. "48":"a x #3",
  102. "49":"a x #3",
  103. "50":"a x #3",
  104. "51":"a x #3",
  105. "52":"a x #3",
  106. "53":"a x #3"
  107. },
  108. "chrome":{
  109. "4":"u",
  110. "5":"u",
  111. "6":"u",
  112. "7":"u",
  113. "8":"u",
  114. "9":"u",
  115. "10":"u",
  116. "11":"u",
  117. "12":"u",
  118. "13":"u",
  119. "14":"u",
  120. "15":"a x #1",
  121. "16":"a x #1",
  122. "17":"a x #1",
  123. "18":"a x #1",
  124. "19":"a x #1",
  125. "20":"a x #1",
  126. "21":"a x #1",
  127. "22":"a x #1",
  128. "23":"a x #1",
  129. "24":"a x #1",
  130. "25":"a x #1",
  131. "26":"a x #1",
  132. "27":"a x #1",
  133. "28":"a x #1",
  134. "29":"a x #1",
  135. "30":"a x #1",
  136. "31":"a x #1",
  137. "32":"a x #1",
  138. "33":"a x #1",
  139. "34":"a x #1",
  140. "35":"a x #1",
  141. "36":"a x #1",
  142. "37":"a x #1",
  143. "38":"a x #1",
  144. "39":"a x #1",
  145. "40":"a x #1",
  146. "41":"a x #1",
  147. "42":"a x #1",
  148. "43":"a x #1",
  149. "44":"a x #1",
  150. "45":"a x #1",
  151. "46":"a x #1",
  152. "47":"a x #1",
  153. "48":"a x #1",
  154. "49":"a x #1",
  155. "50":"a x #1",
  156. "51":"a x #1",
  157. "52":"a x #1",
  158. "53":"a x #1",
  159. "54":"a x #1",
  160. "55":"a x #1",
  161. "56":"a x #1",
  162. "57":"a x #1"
  163. },
  164. "safari":{
  165. "3.1":"n",
  166. "3.2":"n",
  167. "4":"n",
  168. "5":"u",
  169. "5.1":"a x #1",
  170. "6":"a x #1",
  171. "6.1":"a x #1",
  172. "7":"a x #1",
  173. "7.1":"a x #1",
  174. "8":"a x #1",
  175. "9":"y #2",
  176. "9.1":"y #2",
  177. "10":"y #2",
  178. "TP":"y #2"
  179. },
  180. "opera":{
  181. "9":"n",
  182. "9.5-9.6":"n",
  183. "10.0-10.1":"n",
  184. "10.5":"n",
  185. "10.6":"n",
  186. "11":"n",
  187. "11.1":"n",
  188. "11.5":"n",
  189. "11.6":"n",
  190. "12":"n",
  191. "12.1":"n",
  192. "15":"a x #1",
  193. "16":"a x #1",
  194. "17":"a x #1",
  195. "18":"a x #1",
  196. "19":"a x #1",
  197. "20":"a x #1",
  198. "21":"a x #1",
  199. "22":"a x #1",
  200. "23":"a x #1",
  201. "24":"a x #1",
  202. "25":"a x #1",
  203. "26":"a x #1",
  204. "27":"a x #1",
  205. "28":"a x #1",
  206. "29":"a x #1",
  207. "30":"a x #1",
  208. "31":"a x #1",
  209. "32":"a x #1",
  210. "33":"a x #1",
  211. "34":"a x #1",
  212. "35":"a x #1",
  213. "36":"a x #1",
  214. "37":"a x #1",
  215. "38":"a x #1",
  216. "39":"a x #1",
  217. "40":"a x #1",
  218. "41":"a x #1",
  219. "42":"a x #1",
  220. "43":"a x #1"
  221. },
  222. "ios_saf":{
  223. "3.2":"u",
  224. "4.0-4.1":"u",
  225. "4.2-4.3":"u",
  226. "5.0-5.1":"u",
  227. "6.0-6.1":"u",
  228. "7.0-7.1":"a x #1",
  229. "8":"a x #1",
  230. "8.1-8.4":"a x #1",
  231. "9.0-9.2":"y #2",
  232. "9.3":"y #2",
  233. "10-10.1":"y #2"
  234. },
  235. "op_mini":{
  236. "all":"n"
  237. },
  238. "android":{
  239. "2.1":"u",
  240. "2.2":"u",
  241. "2.3":"u",
  242. "3":"u",
  243. "4":"a x #1",
  244. "4.1":"a x #1",
  245. "4.2-4.3":"a x #1",
  246. "4.4":"a x #1",
  247. "4.4.3-4.4.4":"a x #1",
  248. "53":"a x #1"
  249. },
  250. "bb":{
  251. "7":"u",
  252. "10":"a x #1"
  253. },
  254. "op_mob":{
  255. "10":"n",
  256. "11":"n",
  257. "11.1":"n",
  258. "11.5":"n",
  259. "12":"n",
  260. "12.1":"n",
  261. "37":"a x #1"
  262. },
  263. "and_chr":{
  264. "54":"a x #1"
  265. },
  266. "and_ff":{
  267. "50":"a x #3"
  268. },
  269. "ie_mob":{
  270. "10":"n",
  271. "11":"n"
  272. },
  273. "and_uc":{
  274. "11":"a x #1"
  275. },
  276. "samsung":{
  277. "4":"a x #1"
  278. }
  279. },
  280. "notes":"Most browsers support this spelled as a prefixed `:-vendor-any()` pseudo-class.",
  281. "notes_by_num":{
  282. "1":"Only supports the `:-webkit-any()` pseudo-class, which is deprecated due to handling specificity incorrectly.",
  283. "2":"Also supports the `:-webkit-any()` pseudo-class, which is deprecated due to handling specificity incorrectly.",
  284. "3":"Only supports the `:-moz-any()` pseudo-class."
  285. },
  286. "usage_perc_y":10.77,
  287. "usage_perc_a":75.97,
  288. "ucprefix":false,
  289. "parent":"",
  290. "keywords":":matches,matches,:any,any",
  291. "ie_id":"",
  292. "chrome_id":"",
  293. "firefox_id":"",
  294. "webkit_id":"feature-css-selector-:matches()",
  295. "shown":true
  296. }