Skip to content

Instantly share code, notes, and snippets.

@iotale

iotale/index.html

Forked from feo52/index.html
Created January 20, 2021 14:29
Show Gist options
  • Save iotale/c409bbb4da6ad6c2c89ed0d104a8c38e to your computer and use it in GitHub Desktop.
Save iotale/c409bbb4da6ad6c2c89ed0d104a8c38e to your computer and use it in GitHub Desktop.
Download ZIP
css hacks 2018/01/01
Raw
index.html
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<title>css hack</title>
<style>
body { font-family: monospace; }
/* IE11 */ _:-ms-lang(x)::-ms-backdrop, .selector-0000 { color: blue; }
/* Edge(EdgeHTML) */ _:-ms-lang(x)::backdrop, .selector-0001 { color: blue; }
/* Edge(Chromium) */ _:lang(x)::-ms-, .selector-0002 { color: blue; }
/* Chrome */ _:lang(x)::-internal-media-controls-overlay-cast-button, .selector-0003 { color: blue; }
/* Safari */ _:lang(x)+_:-webkit-full-screen-document, .selector-0004 { color: blue; }
/* Firefox */ _:lang(x)::-moz-placeholder, .selector-0005 { color: blue; }
/* Edge(EdgeHTML) & IE11 & IE10 */ _:-ms-lang(x), .selector-0006 { color: blue; }
/* Edge(Chromium) & Chrome & Safari & Firefox */ _:lang(x)::-webkit-, .selector-0007 { color: blue; }
/* Check */ _:-ms-, .selector-1000 { color: blue; }
/* Check */ _::-ms-, .selector-1001 { color: blue; }
/* Check */ _:-moz-, .selector-1002 { color: blue; }
/* Check */ _::-moz-, .selector-1003 { color: blue; }
/* Check */ _:-webkit-, .selector-1004 { color: blue; }
/* Check */ _::-webkit-, .selector-1005 { color: blue; }
/* Check */ _:-moz-any(x), .selector-2000 { color: blue; }
/* Check */ _:-webkit-any(x), .selector-2001 { color: blue; }
/* Check */ _::backdrop, .selector-2100 { color: blue; }
/* Check */ _::-ms-backdrop, .selector-2101 { color: blue; }
/* Check */ _::-webkit-backdrop, .selector-2102 { color: blue; }
/* Check */ _:fullscreen, .selector-3200 { color: blue; }
/* Check */ _:-ms-fullscreen, .selector-3201 { color: blue; }
/* Check */ _:-moz-full-screen, .selector-3202 { color: blue; }
/* Check */ _:-webkit-full-screen, .selector-3203 { color: blue; }
/* Check */ _::-webkit-full-screen, .selector-3204 { color: blue; }
/* Check */ _:placeholder, .selector-3300 { color: blue; }
/* Check */ _::placeholder, .selector-3301 { color: blue; }
/* Check */ _:-moz-placeholder, .selector-3302 { color: blue; }
/* Check */ _::-moz-placeholder, .selector-3303 { color: blue; }
/* Check */ _:-webkit-placeholder, .selector-3304 { color: blue; }
/* Check */ _::-webkit-placeholder, .selector-3305 { color: blue; }
/* Check */ _:-webkit-input-placeholder, .selector-3306 { color: blue; }
/* Check */ _::-webkit-input-placeholder, .selector-3307 { color: blue; }
/* Check */ _:-moz-locale-dir(x), .selector-3400 { color: blue; }
/* Check */ _:-moz-locale-dir(ltr), .selector-3401 { color: blue; }
/* Check */ _:-moz-locale-dir(rtl), .selector-3402 { color: blue; }
/* Check */ _:-webkit-any-link, .selector-4000 { color: blue; }
/* Check */ _:-webkit-autofill, .selector-4001 { color: blue; }
/* Check */ _:-webkit-autofill-strong-password, .selector-4002 { color: blue; }
/* Check */ _:-webkit-drag, .selector-4003 { color: blue; }
/* Check */ _:-webkit-full-page-media, .selector-4004 { color: blue; }
/* Check */ _::-webkit-any-link, .selector-4100 { color: blue; }
/* Check */ _::-webkit-autofill, .selector-4101 { color: blue; }
/* Check */ _::-webkit-autofill-strong-password, .selector-4102 { color: blue; }
/* Check */ _::-webkit-drag, .selector-4103 { color: blue; }
/* Check */ _::-webkit-full-page-media, .selector-4104 { color: blue; }
/* Check */ _:-webkit-full-screen, .selector-4200 { color: blue; }
/* Check */ _:-webkit-full-screen-ancestor, .selector-4201 { color: blue; }
/* Check */ _:-webkit-full-screen-document, .selector-4202 { color: blue; }
/* Check */ _:-webkit-full-screen-controls-hidden, .selector-4203 { color: blue; }
/* Check */ _:-webkit-animating-full-screen-transition, .selector-4204 { color: blue; }
/* Check */ _::-webkit-full-screen, .selector-4300 { color: blue; }
/* Check */ _::-webkit-full-screen-ancestor, .selector-4301 { color: blue; }
/* Check */ _::-webkit-full-screen-document, .selector-4302 { color: blue; }
/* Check */ _::-webkit-full-screen-controls-hidden, .selector-4303 { color: blue; }
/* Check */ _::-webkit-animating-full-screen-transition, .selector-4304 { color: blue; }
/* Check */ _:-webkit-resizer, .selector-4400 { color: blue; }
/* Check */ _:-webkit-scrollbar, .selector-4401 { color: blue; }
/* Check */ _:-webkit-scrollbar-button, .selector-4402 { color: blue; }
/* Check */ _:-webkit-scrollbar-corner, .selector-4403 { color: blue; }
/* Check */ _:-webkit-scrollbar-thumb, .selector-4404 { color: blue; }
/* Check */ _:-webkit-scrollbar-track, .selector-4405 { color: blue; }
/* Check */ _:-webkit-scrollbar-track-piece, .selector-4406 { color: blue; }
/* Check */ _::-webkit-resizer, .selector-4500 { color: blue; }
/* Check */ _::-webkit-scrollbar, .selector-4501 { color: blue; }
/* Check */ _::-webkit-scrollbar-button, .selector-4502 { color: blue; }
/* Check */ _::-webkit-scrollbar-corner, .selector-4503 { color: blue; }
/* Check */ _::-webkit-scrollbar-thumb, .selector-4504 { color: blue; }
/* Check */ _::-webkit-scrollbar-track, .selector-4505 { color: blue; }
/* Check */ _::-webkit-scrollbar-track-piece, .selector-4506 { color: blue; }
/* Check */ _:-internal-, .selector-5000 { color: blue; }
/* Check */ _:-internal-autofill-previewed, .selector-5001 { color: blue; }
/* Check */ _:-internal-autofill-selected, .selector-5002 { color: blue; }
/* Check */ _:-internal-media-controls-overlay-cast-button, .selector-5003 { color: blue; }
/* Check */ _::-internal-, .selector-5100 { color: blue; }
/* Check */ _::-internal-autofill-previewed, .selector-5101 { color: blue; }
/* Check */ _::-internal-autofill-selected, .selector-5102 { color: blue; }
/* Check */ _::-internal-media-controls-overlay-cast-button, .selector-5103 { color: blue; }
/* Check */ _:root, .selector-6000 { color: blue; }
/* Check */ _::root, .selector-6001 { color: blue; }
/* Check */ _:scope, .selector-6002 { color: blue; }
/* Check */ _::scope, .selector-6003 { color: blue; }
/* Check */ _:future, .selector-6004 { color: blue; }
/* Check */ _::future, .selector-6005 { color: blue; }
/* Check */ _:past, .selector-6006 { color: blue; }
/* Check */ _::past, .selector-6007 { color: blue; }
/* Check */ _:region, .selector-6100 { color: blue; }
/* Check */ _::region, .selector-6101 { color: blue; }
/* Check */ _:shadow, .selector-6102 { color: blue; }
/* Check */ _::shadow, .selector-6103 { color: blue; }
/* Check */ _:grammar-error, .selector-6104 { color: blue; }
/* Check */ _::grammar-error, .selector-6105 { color: blue; }
/* Check */ _:spelling-error, .selector-6106 { color: blue; }
/* Check */ _::spelling-error, .selector-6107 { color: blue; }
/* Check */ _:not, .selector-7000 { color: blue; }
/* Check */ _:not(x), .selector-7001 { color: blue; }
/* Check */ _::not, .selector-7002 { color: blue; }
/* Check */ _::not(x), .selector-7003 { color: blue; }
/* Check */ _:lang, .selector-7004 { color: blue; }
/* Check */ _:lang(x), .selector-7005 { color: blue; }
/* Check */ _::lang, .selector-7006 { color: blue; }
/* Check */ _::lang(x), .selector-7007 { color: blue; }
/* Check */ _:any, .selector-7100 { color: blue; }
/* Check */ _:any(x), .selector-7101 { color: blue; }
/* Check */ _::any, .selector-7102 { color: blue; }
/* Check */ _::any(x), .selector-7103 { color: blue; }
/* Check */ _:current, .selector-7200 { color: blue; }
/* Check */ _:current(x), .selector-7201 { color: blue; }
/* Check */ _::current, .selector-7202 { color: blue; }
/* Check */ _::current(x), .selector-7203 { color: blue; }
/* Check */ _:dir, .selector-7204 { color: blue; }
/* Check */ _:dir(x), .selector-7205 { color: blue; }
/* Check */ _::dir, .selector-7206 { color: blue; }
/* Check */ _::dir(x), .selector-7207 { color: blue; }
/* Check */ _:drop, .selector-7300 { color: blue; }
/* Check */ _:drop(x), .selector-7301 { color: blue; }
/* Check */ _::drop, .selector-7302 { color: blue; }
/* Check */ _::drop(x), .selector-7303 { color: blue; }
/* Check */ _:has, .selector-7304 { color: blue; }
/* Check */ _:has(x), .selector-7305 { color: blue; }
/* Check */ _::has, .selector-7306 { color: blue; }
/* Check */ _::has(x), .selector-7307 { color: blue; }
/* Check */ _:nth-col, .selector-7400 { color: blue; }
/* Check */ _:nth-col(x), .selector-7401 { color: blue; }
/* Check */ _::nth-col, .selector-7402 { color: blue; }
/* Check */ _::nth-col(x), .selector-7403 { color: blue; }
/* Check */ _:nth-last-col, .selector-7404 { color: blue; }
/* Check */ _:nth-last-col(x), .selector-7405 { color: blue; }
/* Check */ _::nth-last-col, .selector-7406 { color: blue; }
/* Check */ _::nth-last-col(x), .selector-7407 { color: blue; }
/* Check */ _:nth-column, .selector-7500 { color: blue; }
/* Check */ _:nth-column(x), .selector-7501 { color: blue; }
/* Check */ _::nth-column, .selector-7502 { color: blue; }
/* Check */ _::nth-column(x), .selector-7503 { color: blue; }
/* Check */ _:nth-last-column, .selector-7504 { color: blue; }
/* Check */ _:nth-last-column(x), .selector-7505 { color: blue; }
/* Check */ _::nth-last-column, .selector-7506 { color: blue; }
/* Check */ _::nth-last-column(x), .selector-7507 { color: blue; }
/* Check */ _:nth-match, .selector-7600 { color: blue; }
/* Check */ _:nth-match(x), .selector-7601 { color: blue; }
/* Check */ _::nth-match, .selector-7602 { color: blue; }
/* Check */ _::nth-match(x), .selector-7603 { color: blue; }
/* Check */ _:nth-last-match, .selector-7604 { color: blue; }
/* Check */ _:nth-last-match(x), .selector-7605 { color: blue; }
/* Check */ _::nth-last-match, .selector-7606 { color: blue; }
/* Check */ _::nth-last-match(x), .selector-7607 { color: blue; }
/* Check */ _:matches, .selector-7700 { color: blue; }
/* Check */ _:matches(x), .selector-7701 { color: blue; }
/* Check */ _::matches, .selector-7702 { color: blue; }
/* Check */ _::matches(x), .selector-7703 { color: blue; }
/* Check */ _:is, .selector-7704 { color: blue; }
/* Check */ _:is(x), .selector-7705 { color: blue; }
/* Check */ _::is, .selector-7706 { color: blue; }
/* Check */ _::is(x), .selector-7707 { color: blue; }
/* Check */ _:something, .selector-7800 { color: blue; }
/* Check */ _:something(x), .selector-7801 { color: blue; }
/* Check */ _::something, .selector-7802 { color: blue; }
/* Check */ _::something(x), .selector-7803 { color: blue; }
/* Check */ _:where, .selector-7804 { color: blue; }
/* Check */ _:where(x), .selector-7805 { color: blue; }
/* Check */ _::where, .selector-7806 { color: blue; }
/* Check */ _::where(x), .selector-7807 { color: blue; }
/* Check */ _:host, .selector-8000 { color: blue; }
/* Check */ _:host(x), .selector-8001 { color: blue; }
/* Check */ _::host, .selector-8002 { color: blue; }
/* Check */ _::host(x), .selector-8003 { color: blue; }
/* Check */ _:host-context, .selector-8004 { color: blue; }
/* Check */ _:host-context(x), .selector-8005 { color: blue; }
/* Check */ _::host-context, .selector-8006 { color: blue; }
/* Check */ _::host-context(x), .selector-8007 { color: blue; }
/* Check */ _:part, .selector-8100 { color: blue; }
/* Check */ _:part(x), .selector-8101 { color: blue; }
/* Check */ _::part, .selector-8102 { color: blue; }
/* Check */ _::part(x), .selector-8103 { color: blue; }
/* Check */ _:scope-context, .selector-8104 { color: blue; }
/* Check */ _:scope-context(x), .selector-8105 { color: blue; }
/* Check */ _::scope-context, .selector-8106 { color: blue; }
/* Check */ _::scope-context(x), .selector-8107 { color: blue; }
/* Check */ _:content, .selector-8200 { color: blue; }
/* Check */ _:content(x), .selector-8201 { color: blue; }
/* Check */ _::content, .selector-8202 { color: blue; }
/* Check */ _::content(x), .selector-8203 { color: blue; }
/* Check */ _:slotted, .selector-8204 { color: blue; }
/* Check */ _:slotted(x), .selector-8205 { color: blue; }
/* Check */ _::slotted, .selector-8206 { color: blue; }
/* Check */ _::slotted(x), .selector-8207 { color: blue; }
/* Check */ _:cue, .selector-8300 { color: blue; }
/* Check */ _:cue(x), .selector-8301 { color: blue; }
/* Check */ _::cue, .selector-8302 { color: blue; }
/* Check */ _::cue(x), .selector-8303 { color: blue; }
/* Check */ _:cue-region, .selector-8304 { color: blue; }
/* Check */ _:cue-region(x), .selector-8305 { color: blue; }
/* Check */ _::cue-region, .selector-8306 { color: blue; }
/* Check */ _::cue-region(x), .selector-8307 { color: blue; }
</style>
</head>
<body>
<br><hr>hack<hr>
<div class="selector-0000">[ IE11 ] _:-ms-lang(x)::-ms-backdrop, .selector { color: blue; }</div>
<div class="selector-0001">[ Edge(EdgeHTML) ] _:-ms-lang(x)::backdrop, .selector { color: blue; }</div>
<div class="selector-0002">[ Edge(Chromium) ] _:lang(x)::-ms-, .selector { color: blue; }</div>
<div class="selector-0003">[ Chrome ] _:lang(x)::-internal-media-controls-overlay-cast-button, .selector { color: blue; }</div>
<div class="selector-0004">[ Safari ] _:lang(x)+_:-webkit-full-screen-document, .selector { color: blue; }</div>
<div class="selector-0005">[ Firefox ] _:lang(x)::-moz-placeholder, .selector { color: blue; }</div>
<hr>
<div class="selector-0006">[ Edge(EdgeHTML) & IE11 & IE10 ] _:-ms-lang(x), .selector { color: blue; }</div>
<div class="selector-0007">[ Edge(Chromium) & Chrome & Safari & Firefox ] _:lang(x)::-webkit-, .selector { color: blue; }</div>
<hr><br><br><br><br><br><hr>memo<hr>
<div class="selector-1000">[ Check ] _:-ms-, .selector { color: blue; }</div>
<div class="selector-1001">[ Check ] _::-ms-, .selector { color: blue; }</div>
<div class="selector-1002">[ Check ] _:-moz-, .selector { color: blue; }</div>
<div class="selector-1003">[ Check ] _::-moz-, .selector { color: blue; }</div>
<div class="selector-1004">[ Check ] _:-webkit-, .selector { color: blue; }</div>
<div class="selector-1005">[ Check ] _::-webkit-, .selector { color: blue; }</div>
<hr>
<div class="selector-2000">[ Check ] _:-moz-any(x), .selector { color: blue; }</div>
<div class="selector-2001">[ Check ] _:-webkit-any(x), .selector { color: blue; }</div>
<hr>
<div class="selector-2100">[ Check ] _::backdrop, .selector { color: blue; }</div>
<div class="selector-2101">[ Check ] _::-ms-backdrop, .selector { color: blue; }</div>
<div class="selector-2102">[ Check ] _::-webkit-backdrop, .selector { color: blue; }</div>
<hr>
<div class="selector-3200">[ Check ] _:fullscreen, .selector { color: blue; }</div>
<div class="selector-3201">[ Check ] _:-ms-fullscreen, .selector { color: blue; }</div>
<div class="selector-3202">[ Check ] _:-moz-full-screen, .selector { color: blue; }</div>
<div class="selector-3203">[ Check ] _:-webkit-full-screen, .selector { color: blue; }</div>
<div class="selector-3204">[ Check ] _::-webkit-full-screen, .selector { color: blue; }</div>
<hr>
<div class="selector-3300">[ Check ] _:placeholder, .selector { color: blue; }</div>
<div class="selector-3301">[ Check ] _::placeholder, .selector { color: blue; }</div>
<div class="selector-3302">[ Check ] _:-moz-placeholder, .selector { color: blue; }</div>
<div class="selector-3303">[ Check ] _::-moz-placeholder, .selector { color: blue; }</div>
<div class="selector-3304">[ Check ] _:-webkit-placeholder, .selector { color: blue; }</div>
<div class="selector-3305">[ Check ] _::-webkit-placeholder, .selector { color: blue; }</div>
<div class="selector-3306">[ Check ] _:-webkit-input-placeholder, .selector { color: blue; }</div>
<div class="selector-3307">[ Check ] _::-webkit-input-placeholder, .selector { color: blue; }</div>
<hr>
<div class="selector-3400">[ Check ] _:-moz-locale-dir(x), .selector { color: blue; }</div>
<div class="selector-3401">[ Check ] _:-moz-locale-dir(ltr), .selector { color: blue; }</div>
<div class="selector-3402">[ Check ] _:-moz-locale-dir(rtl), .selector { color: blue; }</div>
<hr>
<div class="selector-4000">[ Check ] _:-webkit-any-link, .selector { color: blue; }</div>
<div class="selector-4001">[ Check ] _:-webkit-autofill, .selector { color: blue; }</div>
<div class="selector-4002">[ Check ] _:-webkit-autofill-strong-password, .selector { color: blue; }</div>
<div class="selector-4003">[ Check ] _:-webkit-drag, .selector { color: blue; }</div>
<div class="selector-4004">[ Check ] _:-webkit-full-page-media, .selector { color: blue; }</div>
<hr>
<div class="selector-4100">[ Check ] _::-webkit-any-link, .selector { color: blue; }</div>
<div class="selector-4101">[ Check ] _::-webkit-autofill, .selector { color: blue; }</div>
<div class="selector-4102">[ Check ] _::-webkit-autofill-strong-password, .selector { color: blue; }</div>
<div class="selector-4103">[ Check ] _::-webkit-drag, .selector { color: blue; }</div>
<div class="selector-4104">[ Check ] _::-webkit-full-page-media, .selector { color: blue; }</div>
<hr>
<div class="selector-4200">[ Check ] _:-webkit-full-screen, .selector { color: blue; }</div>
<div class="selector-4201">[ Check ] _:-webkit-full-screen-ancestor, .selector { color: blue; }</div>
<div class="selector-4202">[ Check ] _:-webkit-full-screen-document, .selector { color: blue; }</div>
<div class="selector-4203">[ Check ] _:-webkit-full-screen-controls-hidden, .selector { color: blue; }</div>
<div class="selector-4204">[ Check ] _:-webkit-animating-full-screen-transition, .selector { color: blue; }</div>
<hr>
<div class="selector-4300">[ Check ] _::-webkit-full-screen, .selector { color: blue; }</div>
<div class="selector-4301">[ Check ] _::-webkit-full-screen-ancestor, .selector { color: blue; }</div>
<div class="selector-4302">[ Check ] _::-webkit-full-screen-document, .selector { color: blue; }</div>
<div class="selector-4303">[ Check ] _::-webkit-full-screen-controls-hidden, .selector { color: blue; }</div>
<div class="selector-4304">[ Check ] _::-webkit-animating-full-screen-transition, .selector { color: blue; }</div>
<hr>
<div class="selector-4400">[ Check ] _:-webkit-resizer, .selector { color: blue; }</div>
<div class="selector-4401">[ Check ] _:-webkit-scrollbar, .selector { color: blue; }</div>
<div class="selector-4402">[ Check ] _:-webkit-scrollbar-button, .selector { color: blue; }</div>
<div class="selector-4403">[ Check ] _:-webkit-scrollbar-corner, .selector { color: blue; }</div>
<div class="selector-4404">[ Check ] _:-webkit-scrollbar-thumb, .selector { color: blue; }</div>
<div class="selector-4405">[ Check ] _:-webkit-scrollbar-track, .selector { color: blue; }</div>
<div class="selector-4406">[ Check ] _:-webkit-scrollbar-track-piece, .selector { color: blue; }</div>
<hr>
<div class="selector-4500">[ Check ] _::-webkit-resizer, .selector { color: blue; }</div>
<div class="selector-4501">[ Check ] _::-webkit-scrollbar, .selector { color: blue; }</div>
<div class="selector-4502">[ Check ] _::-webkit-scrollbar-button, .selector { color: blue; }</div>
<div class="selector-4503">[ Check ] _::-webkit-scrollbar-corner, .selector { color: blue; }</div>
<div class="selector-4504">[ Check ] _::-webkit-scrollbar-thumb, .selector { color: blue; }</div>
<div class="selector-4505">[ Check ] _::-webkit-scrollbar-track, .selector { color: blue; }</div>
<div class="selector-4506">[ Check ] _::-webkit-scrollbar-track-piece, .selector { color: blue; }</div>
<hr>
<div class="selector-5000">[ Check ] _:-internal-, .selector { color: blue; }</div>
<div class="selector-5001">[ Check ] _:-internal-autofill-previewed, .selector { color: blue; }</div>
<div class="selector-5002">[ Check ] _:-internal-autofill-selected, .selector { color: blue; }</div>
<div class="selector-5003">[ Check ] _:-internal-media-controls-overlay-cast-button, .selector { color: blue; }</div>
<hr>
<div class="selector-5100">[ Check ] _::-internal-, .selector { color: blue; }</div>
<div class="selector-5101">[ Check ] _::-internal-autofill-previewed, .selector { color: blue; }</div>
<div class="selector-5102">[ Check ] _::-internal-autofill-selected, .selector { color: blue; }</div>
<div class="selector-5103">[ Check ] _::-internal-media-controls-overlay-cast-button, .selector { color: blue; }</div>
<hr>
<div class="selector-6000">[ Check ] _:root, .selector { color: blue; }</div>
<div class="selector-6001">[ Check ] _::root, .selector { color: blue; }</div>
<div class="selector-6002">[ Check ] _:scope, .selector { color: blue; }</div>
<div class="selector-6003">[ Check ] _::scope, .selector { color: blue; }</div>
<div class="selector-6004">[ Check ] _:future, .selector { color: blue; }</div>
<div class="selector-6005">[ Check ] _::future, .selector { color: blue; }</div>
<div class="selector-6006">[ Check ] _:past, .selector { color: blue; }</div>
<div class="selector-6007">[ Check ] _::past, .selector { color: blue; }</div>
<hr>
<div class="selector-6100">[ Check ] _:region, .selector { color: blue; }</div>
<div class="selector-6101">[ Check ] _::region, .selector { color: blue; }</div>
<div class="selector-6102">[ Check ] _:shadow, .selector { color: blue; }</div>
<div class="selector-6103">[ Check ] _::shadow, .selector { color: blue; }</div>
<div class="selector-6104">[ Check ] _:grammar-error, .selector { color: blue; }</div>
<div class="selector-6105">[ Check ] _::grammar-error, .selector { color: blue; }</div>
<div class="selector-6106">[ Check ] _:spelling-error, .selector { color: blue; }</div>
<div class="selector-6107">[ Check ] _::spelling-error, .selector { color: blue; }</div>
<hr>
<div class="selector-7000">[ Check ] _:not, .selector { color: blue; }</div>
<div class="selector-7001">[ Check ] _:not(x), .selector { color: blue; }</div>
<div class="selector-7002">[ Check ] _::not, .selector { color: blue; }</div>
<div class="selector-7003">[ Check ] _::not(x), .selector { color: blue; }</div>
<div class="selector-7004">[ Check ] _:lang, .selector { color: blue; }</div>
<div class="selector-7005">[ Check ] _:lang(x), .selector { color: blue; }</div>
<div class="selector-7006">[ Check ] _::lang, .selector { color: blue; }</div>
<div class="selector-7007">[ Check ] _::lang(x), .selector { color: blue; }</div>
<hr>
<div class="selector-7100">[ Check ] _:any, .selector { color: blue; }</div>
<div class="selector-7101">[ Check ] _:any(x), .selector { color: blue; }</div>
<div class="selector-7102">[ Check ] _::any, .selector { color: blue; }</div>
<div class="selector-7103">[ Check ] _::any(x), .selector { color: blue; }</div>
<hr>
<div class="selector-7200">[ Check ] _:current, .selector { color: blue; }</div>
<div class="selector-7201">[ Check ] _:current(x), .selector { color: blue; }</div>
<div class="selector-7202">[ Check ] _::current, .selector { color: blue; }</div>
<div class="selector-7203">[ Check ] _::current(x), .selector { color: blue; }</div>
<div class="selector-7204">[ Check ] _:dir, .selector { color: blue; }</div>
<div class="selector-7205">[ Check ] _:dir(x), .selector { color: blue; }</div>
<div class="selector-7206">[ Check ] _::dir, .selector { color: blue; }</div>
<div class="selector-7207">[ Check ] _::dir(x), .selector { color: blue; }</div>
<hr>
<div class="selector-7300">[ Check ] _:drop, .selector { color: blue; }</div>
<div class="selector-7301">[ Check ] _:drop(x), .selector { color: blue; }</div>
<div class="selector-7302">[ Check ] _::drop, .selector { color: blue; }</div>
<div class="selector-7303">[ Check ] _::drop(x), .selector { color: blue; }</div>
<div class="selector-7304">[ Check ] _:has, .selector { color: blue; }</div>
<div class="selector-7305">[ Check ] _:has(x), .selector { color: blue; }</div>
<div class="selector-7306">[ Check ] _::has, .selector { color: blue; }</div>
<div class="selector-7307">[ Check ] _::has(x), .selector { color: blue; }</div>
<hr>
<div class="selector-7400">[ Check ] _:nth-col, .selector { color: blue; }</div>
<div class="selector-7401">[ Check ] _:nth-col(x), .selector { color: blue; }</div>
<div class="selector-7402">[ Check ] _::nth-col, .selector { color: blue; }</div>
<div class="selector-7403">[ Check ] _::nth-col(x), .selector { color: blue; }</div>
<div class="selector-7404">[ Check ] _:nth-last-col, .selector { color: blue; }</div>
<div class="selector-7405">[ Check ] _:nth-last-col(x), .selector { color: blue; }</div>
<div class="selector-7406">[ Check ] _::nth-last-col, .selector { color: blue; }</div>
<div class="selector-7407">[ Check ] _::nth-last-col(x), .selector { color: blue; }</div>
<hr>
<div class="selector-7500">[ Check ] _:nth-column, .selector { color: blue; }</div>
<div class="selector-7501">[ Check ] _:nth-column(x), .selector { color: blue; }</div>
<div class="selector-7502">[ Check ] _::nth-column, .selector { color: blue; }</div>
<div class="selector-7503">[ Check ] _::nth-column(x), .selector { color: blue; }</div>
<div class="selector-7504">[ Check ] _:nth-last-column, .selector { color: blue; }</div>
<div class="selector-7505">[ Check ] _:nth-last-column(x), .selector { color: blue; }</div>
<div class="selector-7506">[ Check ] _::nth-last-column, .selector { color: blue; }</div>
<div class="selector-7507">[ Check ] _::nth-last-column(x), .selector { color: blue; }</div>
<hr>
<div class="selector-7600">[ Check ] _:nth-match, .selector { color: blue; }</div>
<div class="selector-7601">[ Check ] _:nth-match(x), .selector { color: blue; }</div>
<div class="selector-7602">[ Check ] _::nth-match, .selector { color: blue; }</div>
<div class="selector-7603">[ Check ] _::nth-match(x), .selector { color: blue; }</div>
<div class="selector-7604">[ Check ] _:nth-last-match, .selector { color: blue; }</div>
<div class="selector-7605">[ Check ] _:nth-last-match(x), .selector { color: blue; }</div>
<div class="selector-7606">[ Check ] _::nth-last-match, .selector { color: blue; }</div>
<div class="selector-7607">[ Check ] _::nth-last-match(x), .selector { color: blue; }</div>
<hr>
<div class="selector-7700">[ Check ] _:matches, .selector { color: blue; }</div>
<div class="selector-7701">[ Check ] _:matches(x), .selector { color: blue; }</div>
<div class="selector-7702">[ Check ] _::matches, .selector { color: blue; }</div>
<div class="selector-7703">[ Check ] _::matches(x), .selector { color: blue; }</div>
<div class="selector-7704">[ Check ] _:is, .selector { color: blue; }</div>
<div class="selector-7705">[ Check ] _:is(x), .selector { color: blue; }</div>
<div class="selector-7706">[ Check ] _::is, .selector { color: blue; }</div>
<div class="selector-7707">[ Check ] _::is(x), .selector { color: blue; }</div>
<hr>
<div class="selector-7800">[ Check ] _:something, .selector { color: blue; }</div>
<div class="selector-7801">[ Check ] _:something(x), .selector { color: blue; }</div>
<div class="selector-7802">[ Check ] _::something, .selector { color: blue; }</div>
<div class="selector-7803">[ Check ] _::something(x), .selector { color: blue; }</div>
<div class="selector-7804">[ Check ] _:where, .selector { color: blue; }</div>
<div class="selector-7805">[ Check ] _:where(x), .selector { color: blue; }</div>
<div class="selector-7806">[ Check ] _::where, .selector { color: blue; }</div>
<div class="selector-7807">[ Check ] _::where(x), .selector { color: blue; }</div>
<hr>
<div class="selector-8000">[ Check ] _:host, .selector { color: blue; }</div>
<div class="selector-8001">[ Check ] _:host(x), .selector { color: blue; }</div>
<div class="selector-8002">[ Check ] _::host, .selector { color: blue; }</div>
<div class="selector-8003">[ Check ] _::host(x), .selector { color: blue; }</div>
<div class="selector-8004">[ Check ] _:host-context, .selector { color: blue; }</div>
<div class="selector-8005">[ Check ] _:host-context(x), .selector { color: blue; }</div>
<div class="selector-8006">[ Check ] _::host-context, .selector { color: blue; }</div>
<div class="selector-8007">[ Check ] _::host-context(x), .selector { color: blue; }</div>
<hr>
<div class="selector-8100">[ Check ] _:part, .selector { color: blue; }</div>
<div class="selector-8101">[ Check ] _:part(x), .selector { color: blue; }</div>
<div class="selector-8102">[ Check ] _::part, .selector { color: blue; }</div>
<div class="selector-8103">[ Check ] _::part(x), .selector { color: blue; }</div>
<div class="selector-8104">[ Check ] _:scope-context, .selector { color: blue; }</div>
<div class="selector-8105">[ Check ] _:scope-context(x), .selector { color: blue; }</div>
<div class="selector-8106">[ Check ] _::scope-context, .selector { color: blue; }</div>
<div class="selector-8107">[ Check ] _::scope-context(x), .selector { color: blue; }</div>
<hr>
<div class="selector-8200">[ Check ] _:content, .selector { color: blue; }</div>
<div class="selector-8201">[ Check ] _:content(x), .selector { color: blue; }</div>
<div class="selector-8202">[ Check ] _::content, .selector { color: blue; }</div>
<div class="selector-8203">[ Check ] _::content(x), .selector { color: blue; }</div>
<div class="selector-8204">[ Check ] _:slotted, .selector { color: blue; }</div>
<div class="selector-8205">[ Check ] _:slotted(x), .selector { color: blue; }</div>
<div class="selector-8206">[ Check ] _::slotted, .selector { color: blue; }</div>
<div class="selector-8207">[ Check ] _::slotted(x), .selector { color: blue; }</div>
<hr>
<div class="selector-8300">[ Check ] _:cue, .selector { color: blue; }</div>
<div class="selector-8301">[ Check ] _:cue(x), .selector { color: blue; }</div>
<div class="selector-8302">[ Check ] _::cue, .selector { color: blue; }</div>
<div class="selector-8303">[ Check ] _::cue(x), .selector { color: blue; }</div>
<div class="selector-8304">[ Check ] _:cue-region, .selector { color: blue; }</div>
<div class="selector-8305">[ Check ] _:cue-region(x), .selector { color: blue; }</div>
<div class="selector-8306">[ Check ] _::cue-region, .selector { color: blue; }</div>
<div class="selector-8307">[ Check ] _::cue-region(x), .selector { color: blue; }</div>
<hr>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment