add CSS3 syntax

.gitmodules

@@ -260,3 +260,6 @@
 [submodule "assets/syntaxes/02_Extra/vscode-wgsl"]
 	path = assets/syntaxes/02_Extra/vscode-wgsl
 	url = https://github.com/PolyMeilex/vscode-wgsl.git
+[submodule "assets/syntaxes/02_Extra/CSS3"]
+	path = assets/syntaxes/02_Extra/CSS3
+	url = https://github.com/ryboe/CSS3.git

assets/syntaxes/02_Extra/CSS3

@@ -0,0 +1 @@
+Subproject commit e73f09cebe325d640da44a161493a25788ff3086

tests/syntax-tests/highlighted/CSS3/test.css

@@ -0,0 +1,724 @@
+/* deprecated single colon syntax for pseudo-classes that have become pseudo-elements */
+
+:after {}
+:before {}
+:first-letter {}
+:first-line {}
+div:after {}
+div:before {}
+div:first-letter {}
+div:first-line {}
+
+/* -moz- prefixed pseudo-elements */
+
+::-moz-anonymous-block {}
+::-moz-anonymous-positioned-block {}
+::-moz-canvas {}
+::-moz-cell-content {}
+::-moz-focus-inner {}
+::-moz-focus-outer {}
+::-moz-inline-table {}
+::-moz-math-stretchy {}
+::-moz-page {}
+::-moz-page-sequence {}
+::-moz-pagebreak {}
+::-moz-pagecontent {}
+::-moz-placeholder {}
+::-moz-progress-bar {}
+::-moz-range-thumb {}
+::-moz-range-track {}
+::-moz-selection {}
+::-moz-scrolled-canvas {}
+::-moz-scrolled-content {}
+::-moz-scrolled-page-sequence {}
+::-moz-svg-foreign-content {}
+::-moz-table {}
+::-moz-table-cell {}
+::-moz-table-column {}
+::-moz-table-column-group {}
+::-moz-table-outer {}
+::-moz-table-row {}
+::-moz-table-row-group {}
+::-moz-viewport {}
+::-moz-viewport-scroll {}
+::-moz-xul-anonymous-block {}
+
+/* pseudo-elements */
+
+::after {}
+::before {}
+::content {}
+::first-letter {}
+::first-line:hover {}
+::grammar-error {}
+::placeholder {}
+::selection {}
+::shadow {}
+::spelling-error {}
+::view-transition {}
+
+::view-transition-group(*) {}
+::view-transition-group(root) {}
+::view-transition-group(ident) {}
+::view-transition-old(*) {}
+::view-transition-old(root) {}
+::view-transition-old(ident) {}
+::view-transition-new(*) {}
+::view-transition-new(root) {}
+::view-transition-new(ident) {}
+::view-transition-image-pair(*) {}
+::view-transition-image-pair(root) {}
+::view-transition-image-pair(ident) {}
+
+/* -moz- prefixed pseudo-classes */
+
+:-moz-locale-dir() {}
+:-moz-locale-dir(ltr) {}
+:-moz-locale-dir(rtl) {}
+:-moz-system-metric(images-in-menus) {}
+:-moz-system-metric(mac-graphite-theme) {}
+:-moz-system-metric(-moz-maemo-classic) {}
+:-moz-system-metric(device-pixel-ratio) {}
+:-moz-system-metric(scrollbar-end-backward) {}
+:-moz-system-metric(scrollbar-end-forward) {}
+:-moz-system-metric(scrollbar-start-backward) {}
+:-moz-system-metric(scrollbar-start-forward) {}
+:-moz-system-metric(scrollbar-thumb-proportional) {}
+:-moz-system-metric(touch-enabled) {}
+:-moz-system-metric(windows-classic) {}
+:-moz-system-metric(windows-compositor) {}
+:-moz-system-metric(windows-glass) {}
+:-moz-system-metric(windows-theme) {}
+:-moz-system-metric(windows-default-theme) {}
+:-moz-tree-cell-text(hover) {}
+:-moz-tree-row(hover) {}
+
+:-moz-any {}
+:-moz-any-link {}
+:-moz-bound-element {}
+:-moz-broken {}
+:-moz-drag-over {}
+:-moz-first-node {}
+:-moz-focusring {}
+:-moz-full-screen {}
+:-moz-full-screen-ancestor {}
+:-moz-handler-blocked {}
+:-moz-handler-crashed {}
+:-moz-handler-disabled {}
+:-moz-last-node {}
+:-moz-list-bullet {}
+:-moz-list-number {}
+:-moz-loading {}
+:-moz-lwtheme {}
+:-moz-lwtheme-brighttext {}
+:-moz-lwtheme-darktext {}
+:-moz-only-whitespace {}
+:-moz-read-only {}
+:-moz-read-write {}
+:-moz-suppressed {}
+:-moz-submit-invalid {}
+:-moz-tree-checkbox {}
+:-moz-tree-cell {}
+:-moz-tree-cell-text {}
+:-moz-tree-column {}
+:-moz-tree-drop-feedback {}
+:-moz-tree-image {}
+:-moz-tree-indentation {}
+:-moz-tree-line {}
+:-moz-tree-progressmeter {}
+:-moz-tree-row {}
+:-moz-tree-separator {}
+:-moz-tree-twisty {}
+:-moz-ui-invalid {}
+:-moz-ui-valid {}
+:-moz-user-disabled {}
+:-moz-window-inactive {}
+
+/* -ms- prefixed pseudo-classes */
+
+:-ms-input-placeholder {}
+:-ms-keyboard-active {}
+
+/* -webkit- prefixed pseudo-elements */
+
+::-webkit-validation-bubble-message {}
+::-webkit-validation-bubble-arrow-clipper {}
+::-webkit-validation-bubble-arrow {}
+::-webkit-validation-bubble {}
+::-webkit-slider-thumb {}
+::-webkit-search-results-decoration {}
+::-webkit-search-results-button {}
+::-webkit-search-decoration {}
+::-webkit-search-cancel-button {}
+::-webkit-scrollbar-track-piece {}
+::-webkit-scrollbar-track {}
+::-webkit-scrollbar-thumb {}
+::-webkit-scrollbar-corner {}
+::-webkit-scrollbar-button {}
+::-webkit-scrollbar {}
+::-webkit-progress-value {}
+::-webkit-progress-bar {}
+::-webkit-outer-spin-button {}
+::-webkit-meter-suboptimum-value {}
+::-webkit-meter-optimum-value {}
+::-webkit-meter-even-less-good-value {}
+::-webkit-media-controls-volume-slider-container {}
+::-webkit-media-controls-volume-slider {}
+::-webkit-media-controls-toggle-closed-captions-button {}
+::-webkit-media-controls-timeline-container {}
+::-webkit-media-controls-timeline {}
+::-webkit-media-controls-time-remaining-display {}
+::-webkit-media-controls-seek-forward-button {}
+::-webkit-media-controls-seek-back-button {}
+::-webkit-media-controls-rewind-button {}
+::-webkit-media-controls-return-to-realtime-button {}
+::-webkit-media-controls-play-button {}
+::-webkit-media-controls-panel {}
+::-webkit-media-controls-mute-button {}
+::-webkit-media-controls-fullscreen-button {}
+::-webkit-media-controls-current-time-display {}
+::-webkit-inner-spin-button {}
+::-webkit-full-page-media {}
+::-webkit-file-upload-button {}
+
+/* -webkit- prefixed pseudo-classes */
+
+:-webkit-any {}
+:-webkit-full-screen {}
+
+/* pseudo-classes */
+
+:dir(ltr) {}
+:drop() {}              /* (active\s+)?(valid\s+)?(invalid+)? */
+:drop(valid) {}              /* (active\s+)?(valid\s+)?(invalid+)? */
+:drop(valid active invalid) {}
+:matches() {}          /* these pseudo-classes take selector lists as arguments */
+:matches(:matches()) {}
+:not(:matches()) {}    /* :not() can't be nested within itself or :matches() - can't enforce this with regex */
+:not() {}
+button:not([DISABLED]) {}
+*:not(div) {}
+html|*:not(:link):not(:visited) {}
+:has() {}
+a:has(> img) {}
+dt:has(+ dt) {}
+section:not(:has(h1, h2, h3, h4, h5, h6)) {}
+section:has(:not(h1, h2, h3, h4, h5, h6)) {}
+:nth-child() {}         /* (An+B [of sel]?) */
+:nth-child(even) {}
+:nth-child(10n - 1) {}
+:nth-child(10n+9) {}
+li:nth-child(-n+3 of .important) {}
+li.important:nth-child(-n+3) {}
+:nth-last-child() {}
+tr:nth-last-child(-n+2)  {}  /* represents the two last rows of an HTML table */
+foo:nth-last-child(odd) {}
+
+:lang(de-DE) {}         /* language range is a BCP 47 identifier */
+:lang(*-DE) {}
+:lang(az-Arab-x-AZE-derbend) {}
+:lang(cmn-Hans-CN) {}
+:lang(de) {}
+:lang(de-CH-1901) {}
+:lang(de-CH-x-phonebk) {}
+:lang(de-DE) {}
+:lang(de-Qaaa) {}
+:lang(en-a-myext-b-another) {}
+:lang(en-US) {}
+:lang(en-US-u-islamcal) {}
+:lang(es-419) {}
+:lang(fr) {}
+:lang(hy-Latn-IT-arevela) {}
+:lang(i-enochian) {}
+:lang(ja) {}
+:lang(qaa-Qaaa-QM-x-southern) {}
+:lang(sl-IT-nedis) {}
+:lang(sl-nedis) {}
+:lang(sl-rozaj) {}
+:lang(sl-rozaj-biske) {}
+:lang(sr-Cyrl) {}
+:lang(sr-Latn) {}
+:lang(sr-Latn-QM) {}
+:lang(sr-Latn-RS) {}
+:lang(sr-Qaaa-RS) {}
+:lang(x-whatever) {}
+:lang(yue-HK) {}
+:lang(zh-cmn-Hans-CN) {}
+:lang(zh-CN-a-myext-x-private) {}
+:lang(zh-Hans) {}
+:lang(zh-Hans-CN) {}
+:lang(zh-Hant) {}
+:lang(zh-yue-HK) {}
+
+
+:nth-of-type() {}            /* (An+B) - can be implemented without begin-end match. just copy an+b rule into this rule*/
+img:nth-of-type(2n+1) { float: right; }
+img:nth-of-type(2n) { float: left; }
+:nth-last-of-type() {}
+body > h2:nth-of-type(n+2):nth-last-of-type(n+2) {}
+body > h2:not(:first-of-type):not(:last-of-type) {}
+:nth-column() {}
+:nth-column(even) {}
+:nth-column(10n-1) {}
+:nth-last-column() {}
+:nth-last-column(10n+9) {}
+
+:active {}
+:any-link {}
+:blank {}
+:checked {}
+:current {}
+:default {}
+:disabled {}
+:drop {}
+:empty {}
+:enabled {}
+:first-child{}
+:first-of-type {}
+:focus {}
+:future{}
+:hover {}
+:in-range {}
+:indeterminate {}
+:invalid {}
+:last-child {}
+:last-of-type {}
+:link {}
+:only-child {}
+:only-of-type {}
+:optional {}
+:out-of-range {}
+:past {}
+:placeholder-shown {}
+:read-only {}
+:read-write {}
+:required {}
+:root {}
+:scope {}
+:target {}
+:user-error {}
+:valid {}
+:visited {}
+
+/* An+B */
+
+:nth-of-type(2n+0 ) {}
+:nth-of-type(even) {}
+:nth-of-type(4n+1) {}
+:nth-of-type(-1n+6) {}
+:nth-of-type( -4n+10 ) {}
+:nth-of-type(0n+5) {}
+:nth-of-type(5) {}
+:nth-of-type(1n+0) {}
+:nth-of-type(n+0) {}
+:nth-of-type(n) {}
+:nth-of-type(2n+0) {}
+:nth-of-type(2n) {}
+:nth-of-type(3n-6) {}
+:nth-of-type(3n + 1) {}    /* whitespace ok */
+:nth-of-type(+3n - 2) {}
+:nth-of-type(-n+ 6) {}
+:nth-of-type(+6) {}
+
+/* invalid An+B */
+
+:nth-of-type(3n + -6) {}
+:nth-of-type(3 n) {}    /* invalid whitespace */
+:nth-of-type(+ 2n) {}
+:nth-of-type(+ 2) {}
+
+/* invalid pseudo-classes */
+
+:not(:not())    {}     /* can't nest :not() inside :not() or :matches(), but can't enforce this with regex */
+:matches(:not()) {}
+:nth-child(10n+-1) {}
+
+/* universal selector */
+
+* {}
+* {
+
+}
+
+/* html tags */
+
+abbr {}
+address {}
+area {}
+article {}
+aside {}
+audio {}
+a {}
+base {}
+bdi {}
+bdo {}
+blockquote {}
+body {}
+br {}
+button {}
+b {}
+canvas {}
+caption {}
+cite {}
+code {}
+colgroup {}
+col {}
+datalist {}
+data {}
+dd {}
+del {}
+details {}
+dfn {}
+div {}
+dl {}
+dt {}
+embed {}
+em {}
+fieldset {}
+figcaption {}
+figure {}
+footer {}
+form {}
+h1 {}
+h2 {}
+h3 {}
+h4 {}
+h5 {}
+h6 {}
+header {}
+head {}
+hr {}
+html {}
+iframe {}
+img {}
+input {}
+ins {}
+i {}
+kbd {}
+keygen {}
+label {}
+legend {}
+link {}
+li {}
+main {}
+map {}
+mark {}
+math {}
+menuitem {}
+menu {}
+meta {}
+meter {}
+nav {}
+noscript {}
+object {}
+ol {}
+optgroup {}
+option {}
+output {}
+param {}
+pre {}
+progress {}
+p {}
+q {}
+rp {}
+rt {}
+ruby {}
+samp {}
+script {}
+section {}
+select {}
+small {}
+source {}
+span {}
+strong {}
+style {}
+sub {}
+summary {}
+sup {}
+svg {}
+s {}
+table {}
+tbody {}
+td {}
+template {}
+textarea {}
+tfoot {}
+thead {}
+th {}
+time {}
+title {}
+track {}
+tr {}
+ul {}
+u {}
+var {}
+video {}
+wbr {}
+
+/* :not(s1, s2) */
+
+button:not([DISABLED]) {}
+*:not(FOO) {}
+html|*:not(:link):not(:visited) {}
+
+/* :matches(s1, s2) */
+
+*|*:matches(:hover, :focus) {}
+*|*:matches(*:hover, *:focus) {}
+aaa |*:matches(*:hover, *:focus) {}
+hello|*:matches(*:hover, *:focus) {}
+hello  |*:matches(*:hover, *:focus) {}
+ans\aa|*:matches(*:hover, *:focus) {}
+
+/* :has(rs1, rs2) */
+
+a:has(> img) {}
+dt:has(+ dt) {}
+section:not(:has(h1, h2, h3, h4, h5, h6)) {}
+section:has(:not(h1, h2, h3, h4, h5, h6)) {}
+
+/* class selector */
+
+*.pastoral { color: green; }
+.pastoral { color: green; }
+h1.pastoral { color: green; }
+p.pastoral.marine { color: green; }
+
+/* id selector */
+
+h1#chapter1 {}
+#chapter1 {}
+*#z98y {}
+
+/* attribute selector */
+
+h1[title] {}
+span[class="example"] {}
+span[  hello= "Cleveland"] [goodbye='Columbus'] {}
+a[rel~="copyright"] { ... }
+a[href="http://www.w3.org/"] { ... }
+a[hreflang=fr] {}
+a[hreflang|="en"] {}
+object[type^="image/" 'hi' 'hi'] {}
+a[href$=".html"] {}
+p[title*="hello" "hi" hi there 'sup'] {}
+[frame=hsides i j k] { border-style: solid none; }
+[foo\aasdf\asd|\at\aaaaat=val] { color: blue; }
+[*|att] { color: yellow; }
+[\aasdf\asd|att] { color: green; }
+[att] { color: green; }
+[|*] { color: green; }
+[*|*] { color: green; }
+[*] { color: green; }
+[ns|*] { color: green; }
+[attr] {}
+[attr=value] {}
+[attr~=value] {}
+[attr|=value] {}
+[attr^=value] {}
+[attr$=value] {}
+[attr*=value] {}
+
+/* :dir() pseudo-class */
+
+div:dir(ltr) {}
+div:dir(rtl) {}
+
+/* :lang() pseudo-class */
+
+html:lang(fr-be) {}
+html:lang(de) {}
+:lang(fr-be) > q {}
+:lang(de) > q {}
+:lang(de-*) > q {}
+:lang(*-fr) > q {}
+
+/* :any-link pseudo-class */
+
+div:any-link {}
+:any-link {}
+
+/* :link history pseudo-class */
+
+div:link {}
+.footnote:link {}
+div:visited {}
+.footnote:visited  {}
+
+/* :target pseudo-class */
+
+p.note:target {}
+*:target { color: red; }
+*:target::before { content: url('target.png'); }
+
+/* :scope pseudo-class */
+
+div:scope {}
+.footnote:scope {}
+
+/* time dimensional pseudo-classes */
+
+:current {
+  background: yellow;
+}
+:current(p, li, dt, dd) {
+  background: yellow;
+}
+:past {
+  background: yellow;
+}
+:future {
+  background: yellow;
+}
+
+/* user-action pseudo-classes */
+
+a:link    {} /* unvisited links */
+a:visited {} /* visited links */
+a:hover   {} /* user hovers */
+a:active  {} /* active links */
+a:focus   {}
+a:focus:hover {}
+a:drop(active) {}
+a:drop( valid ) {}
+a:drop(invalid)   {}
+a:drop(valid active ) {}
+
+/* :enabled :disabled pseudo-classes */
+
+div:enabled {}
+:disabled {}
+
+/* mutability pseudo-classes */
+
+div:read-only {}
+:read-write {}
+
+/* :placeholder-shown pseudo-class */
+
+div:placeholder-shown {}
+:placeholder-shown {}
+
+/* :default pseudo-class */
+
+div:default {}
+:default {}
+
+/* :checked pseudo-class */
+
+div:checked {}
+:checked {}
+:not(:checked) {}
+
+/* :indeterminate */
+
+div:indeterminate {}
+:indeterminate {}
+
+/* validity pseudo-classes */
+
+div:valid {}
+:valid {}
+div:invalid {}
+:invalid {}
+
+/* range pseudo-classes */
+
+div:in-range {}
+:in-range {}
+div:out-of-range {}
+:out-of-range {}
+
+/* :required, :optional pseudo-classes */
+
+div:required {}
+:required {}
+div:optional {}
+:optional {}
+
+/* the rest */
+
+div:root {}
+:root {}
+div:empty {}
+:empty {}
+div:blank {}
+:blank {}
+:nth-child(even) {}   /* represents the 2nd, 4th, 6th, etc elements */
+:nth-child(10n-1) {}  /* represents the 9th, 19th, 29th, etc elements */
+:nth-child(10n+9) {}  /* Same */
+    :nth-child(10n+-1) {} /* Syntactically invalid, and would be ignored */
+li:nth-child(-n+3 of .important) {}
+li.important:nth-child(-n+3) {}
+tr:nth-child(even) {
+  background: silver;
+}
+tr:nth-child(even of :not([hidden])) {
+  background: silver;
+}
+tr:nth-last-child(-n+2) {}    /* represents the two last rows of an HTML table */
+
+foo:nth-last-child(odd) {}    /* represents all odd foo elements in their parent element,
+                              counting from the last one */
+* > a:first-child {} /* a is first child of any element */
+a:first-child {} /* Same (assuming a is not the root element) */
+ol > li:last-child {}
+ol > li:only-child {}
+img:nth-of-type(2n+1) { float: right; }
+img:nth-of-type(2n) { float: left; }
+body > h2:nth-of-type(n+2):nth-last-of-type(n+2) {}
+body > h2:not(:first-of-type):not(:last-of-type) {}
+dl dt:first-of-type {}
+tr > td:last-of-type {}
+tr > td:only-of-type {}
+
+/* combinators */
+
+div * p {}
+div p *[href] {}
+body > p {}
+div ol>li p {}
+math + p {}
+h1.opener + h2 {}
+h1 ~ pre {}
+h1 /ident/ pre {}
+col.selected || td {
+  background: gray;
+  color: white;
+  font-weight: bold;
+}
+
+/* grid structural pseudo-classes */
+
+div:nth-column(2n+1) {}
+:nth-column(2n) {}
+div:nth-last-column(2n+1) {}
+:nth-last-column(2n) {}
+
+/* deprecated tags */
+
+acronym {}
+applet {}
+basefont {}
+bgsound {}
+big {}
+blink {}
+center {}
+dir {}
+font {}
+frameset {}
+frame {}
+hgroup {}
+isindex {}
+listing {}
+marquee {}
+multicol {}
+nextid {}
+nobr {}
+noembed {}
+noframes {}
+plaintext {}
+spacer {}
+strike {}
+tt {}
+xmp {}

tests/syntax-tests/source/CSS3/test.css

@@ -0,0 +1,724 @@
+/* deprecated single colon syntax for pseudo-classes that have become pseudo-elements */
+
+:after {}
+:before {}
+:first-letter {}
+:first-line {}
+div:after {}
+div:before {}
+div:first-letter {}
+div:first-line {}
+
+/* -moz- prefixed pseudo-elements */
+
+::-moz-anonymous-block {}
+::-moz-anonymous-positioned-block {}
+::-moz-canvas {}
+::-moz-cell-content {}
+::-moz-focus-inner {}
+::-moz-focus-outer {}
+::-moz-inline-table {}
+::-moz-math-stretchy {}
+::-moz-page {}
+::-moz-page-sequence {}
+::-moz-pagebreak {}
+::-moz-pagecontent {}
+::-moz-placeholder {}
+::-moz-progress-bar {}
+::-moz-range-thumb {}
+::-moz-range-track {}
+::-moz-selection {}
+::-moz-scrolled-canvas {}
+::-moz-scrolled-content {}
+::-moz-scrolled-page-sequence {}
+::-moz-svg-foreign-content {}
+::-moz-table {}
+::-moz-table-cell {}
+::-moz-table-column {}
+::-moz-table-column-group {}
+::-moz-table-outer {}
+::-moz-table-row {}
+::-moz-table-row-group {}
+::-moz-viewport {}
+::-moz-viewport-scroll {}
+::-moz-xul-anonymous-block {}
+
+/* pseudo-elements */
+
+::after {}
+::before {}
+::content {}
+::first-letter {}
+::first-line:hover {}
+::grammar-error {}
+::placeholder {}
+::selection {}
+::shadow {}
+::spelling-error {}
+::view-transition {}
+
+::view-transition-group(*) {}
+::view-transition-group(root) {}
+::view-transition-group(ident) {}
+::view-transition-old(*) {}
+::view-transition-old(root) {}
+::view-transition-old(ident) {}
+::view-transition-new(*) {}
+::view-transition-new(root) {}
+::view-transition-new(ident) {}
+::view-transition-image-pair(*) {}
+::view-transition-image-pair(root) {}
+::view-transition-image-pair(ident) {}
+
+/* -moz- prefixed pseudo-classes */
+
+:-moz-locale-dir() {}
+:-moz-locale-dir(ltr) {}
+:-moz-locale-dir(rtl) {}
+:-moz-system-metric(images-in-menus) {}
+:-moz-system-metric(mac-graphite-theme) {}
+:-moz-system-metric(-moz-maemo-classic) {}
+:-moz-system-metric(device-pixel-ratio) {}
+:-moz-system-metric(scrollbar-end-backward) {}
+:-moz-system-metric(scrollbar-end-forward) {}
+:-moz-system-metric(scrollbar-start-backward) {}
+:-moz-system-metric(scrollbar-start-forward) {}
+:-moz-system-metric(scrollbar-thumb-proportional) {}
+:-moz-system-metric(touch-enabled) {}
+:-moz-system-metric(windows-classic) {}
+:-moz-system-metric(windows-compositor) {}
+:-moz-system-metric(windows-glass) {}
+:-moz-system-metric(windows-theme) {}
+:-moz-system-metric(windows-default-theme) {}
+:-moz-tree-cell-text(hover) {}
+:-moz-tree-row(hover) {}
+
+:-moz-any {}
+:-moz-any-link {}
+:-moz-bound-element {}
+:-moz-broken {}
+:-moz-drag-over {}
+:-moz-first-node {}
+:-moz-focusring {}
+:-moz-full-screen {}
+:-moz-full-screen-ancestor {}
+:-moz-handler-blocked {}
+:-moz-handler-crashed {}
+:-moz-handler-disabled {}
+:-moz-last-node {}
+:-moz-list-bullet {}
+:-moz-list-number {}
+:-moz-loading {}
+:-moz-lwtheme {}
+:-moz-lwtheme-brighttext {}
+:-moz-lwtheme-darktext {}
+:-moz-only-whitespace {}
+:-moz-read-only {}
+:-moz-read-write {}
+:-moz-suppressed {}
+:-moz-submit-invalid {}
+:-moz-tree-checkbox {}
+:-moz-tree-cell {}
+:-moz-tree-cell-text {}
+:-moz-tree-column {}
+:-moz-tree-drop-feedback {}
+:-moz-tree-image {}
+:-moz-tree-indentation {}
+:-moz-tree-line {}
+:-moz-tree-progressmeter {}
+:-moz-tree-row {}
+:-moz-tree-separator {}
+:-moz-tree-twisty {}
+:-moz-ui-invalid {}
+:-moz-ui-valid {}
+:-moz-user-disabled {}
+:-moz-window-inactive {}
+
+/* -ms- prefixed pseudo-classes */
+
+:-ms-input-placeholder {}
+:-ms-keyboard-active {}
+
+/* -webkit- prefixed pseudo-elements */
+
+::-webkit-validation-bubble-message {}
+::-webkit-validation-bubble-arrow-clipper {}
+::-webkit-validation-bubble-arrow {}
+::-webkit-validation-bubble {}
+::-webkit-slider-thumb {}
+::-webkit-search-results-decoration {}
+::-webkit-search-results-button {}
+::-webkit-search-decoration {}
+::-webkit-search-cancel-button {}
+::-webkit-scrollbar-track-piece {}
+::-webkit-scrollbar-track {}
+::-webkit-scrollbar-thumb {}
+::-webkit-scrollbar-corner {}
+::-webkit-scrollbar-button {}
+::-webkit-scrollbar {}
+::-webkit-progress-value {}
+::-webkit-progress-bar {}
+::-webkit-outer-spin-button {}
+::-webkit-meter-suboptimum-value {}
+::-webkit-meter-optimum-value {}
+::-webkit-meter-even-less-good-value {}
+::-webkit-media-controls-volume-slider-container {}
+::-webkit-media-controls-volume-slider {}
+::-webkit-media-controls-toggle-closed-captions-button {}
+::-webkit-media-controls-timeline-container {}
+::-webkit-media-controls-timeline {}
+::-webkit-media-controls-time-remaining-display {}
+::-webkit-media-controls-seek-forward-button {}
+::-webkit-media-controls-seek-back-button {}
+::-webkit-media-controls-rewind-button {}
+::-webkit-media-controls-return-to-realtime-button {}
+::-webkit-media-controls-play-button {}
+::-webkit-media-controls-panel {}
+::-webkit-media-controls-mute-button {}
+::-webkit-media-controls-fullscreen-button {}
+::-webkit-media-controls-current-time-display {}
+::-webkit-inner-spin-button {}
+::-webkit-full-page-media {}
+::-webkit-file-upload-button {}
+
+/* -webkit- prefixed pseudo-classes */
+
+:-webkit-any {}
+:-webkit-full-screen {}
+
+/* pseudo-classes */
+
+:dir(ltr) {}
+:drop() {}              /* (active\s+)?(valid\s+)?(invalid+)? */
+:drop(valid) {}              /* (active\s+)?(valid\s+)?(invalid+)? */
+:drop(valid active invalid) {}
+:matches() {}          /* these pseudo-classes take selector lists as arguments */
+:matches(:matches()) {}
+:not(:matches()) {}    /* :not() can't be nested within itself or :matches() - can't enforce this with regex */
+:not() {}
+button:not([DISABLED]) {}
+*:not(div) {}
+html|*:not(:link):not(:visited) {}
+:has() {}
+a:has(> img) {}
+dt:has(+ dt) {}
+section:not(:has(h1, h2, h3, h4, h5, h6)) {}
+section:has(:not(h1, h2, h3, h4, h5, h6)) {}
+:nth-child() {}         /* (An+B [of sel]?) */
+:nth-child(even) {}
+:nth-child(10n - 1) {}
+:nth-child(10n+9) {}
+li:nth-child(-n+3 of .important) {}
+li.important:nth-child(-n+3) {}
+:nth-last-child() {}
+tr:nth-last-child(-n+2)  {}  /* represents the two last rows of an HTML table */
+foo:nth-last-child(odd) {}
+
+:lang(de-DE) {}         /* language range is a BCP 47 identifier */
+:lang(*-DE) {}
+:lang(az-Arab-x-AZE-derbend) {}
+:lang(cmn-Hans-CN) {}
+:lang(de) {}
+:lang(de-CH-1901) {}
+:lang(de-CH-x-phonebk) {}
+:lang(de-DE) {}
+:lang(de-Qaaa) {}
+:lang(en-a-myext-b-another) {}
+:lang(en-US) {}
+:lang(en-US-u-islamcal) {}
+:lang(es-419) {}
+:lang(fr) {}
+:lang(hy-Latn-IT-arevela) {}
+:lang(i-enochian) {}
+:lang(ja) {}
+:lang(qaa-Qaaa-QM-x-southern) {}
+:lang(sl-IT-nedis) {}
+:lang(sl-nedis) {}
+:lang(sl-rozaj) {}
+:lang(sl-rozaj-biske) {}
+:lang(sr-Cyrl) {}
+:lang(sr-Latn) {}
+:lang(sr-Latn-QM) {}
+:lang(sr-Latn-RS) {}
+:lang(sr-Qaaa-RS) {}
+:lang(x-whatever) {}
+:lang(yue-HK) {}
+:lang(zh-cmn-Hans-CN) {}
+:lang(zh-CN-a-myext-x-private) {}
+:lang(zh-Hans) {}
+:lang(zh-Hans-CN) {}
+:lang(zh-Hant) {}
+:lang(zh-yue-HK) {}
+
+
+:nth-of-type() {}            /* (An+B) - can be implemented without begin-end match. just copy an+b rule into this rule*/
+img:nth-of-type(2n+1) { float: right; }
+img:nth-of-type(2n) { float: left; }
+:nth-last-of-type() {}
+body > h2:nth-of-type(n+2):nth-last-of-type(n+2) {}
+body > h2:not(:first-of-type):not(:last-of-type) {}
+:nth-column() {}
+:nth-column(even) {}
+:nth-column(10n-1) {}
+:nth-last-column() {}
+:nth-last-column(10n+9) {}
+
+:active {}
+:any-link {}
+:blank {}
+:checked {}
+:current {}
+:default {}
+:disabled {}
+:drop {}
+:empty {}
+:enabled {}
+:first-child{}
+:first-of-type {}
+:focus {}
+:future{}
+:hover {}
+:in-range {}
+:indeterminate {}
+:invalid {}
+:last-child {}
+:last-of-type {}
+:link {}
+:only-child {}
+:only-of-type {}
+:optional {}
+:out-of-range {}
+:past {}
+:placeholder-shown {}
+:read-only {}
+:read-write {}
+:required {}
+:root {}
+:scope {}
+:target {}
+:user-error {}
+:valid {}
+:visited {}
+
+/* An+B */
+
+:nth-of-type(2n+0 ) {}
+:nth-of-type(even) {}
+:nth-of-type(4n+1) {}
+:nth-of-type(-1n+6) {}
+:nth-of-type( -4n+10 ) {}
+:nth-of-type(0n+5) {}
+:nth-of-type(5) {}
+:nth-of-type(1n+0) {}
+:nth-of-type(n+0) {}
+:nth-of-type(n) {}
+:nth-of-type(2n+0) {}
+:nth-of-type(2n) {}
+:nth-of-type(3n-6) {}
+:nth-of-type(3n + 1) {}    /* whitespace ok */
+:nth-of-type(+3n - 2) {}
+:nth-of-type(-n+ 6) {}
+:nth-of-type(+6) {}
+
+/* invalid An+B */
+
+:nth-of-type(3n + -6) {}
+:nth-of-type(3 n) {}    /* invalid whitespace */
+:nth-of-type(+ 2n) {}
+:nth-of-type(+ 2) {}
+
+/* invalid pseudo-classes */
+
+:not(:not())    {}     /* can't nest :not() inside :not() or :matches(), but can't enforce this with regex */
+:matches(:not()) {}
+:nth-child(10n+-1) {}
+
+/* universal selector */
+
+* {}
+* {
+
+}
+
+/* html tags */
+
+abbr {}
+address {}
+area {}
+article {}
+aside {}
+audio {}
+a {}
+base {}
+bdi {}
+bdo {}
+blockquote {}
+body {}
+br {}
+button {}
+b {}
+canvas {}
+caption {}
+cite {}
+code {}
+colgroup {}
+col {}
+datalist {}
+data {}
+dd {}
+del {}
+details {}
+dfn {}
+div {}
+dl {}
+dt {}
+embed {}
+em {}
+fieldset {}
+figcaption {}
+figure {}
+footer {}
+form {}
+h1 {}
+h2 {}
+h3 {}
+h4 {}
+h5 {}
+h6 {}
+header {}
+head {}
+hr {}
+html {}
+iframe {}
+img {}
+input {}
+ins {}
+i {}
+kbd {}
+keygen {}
+label {}
+legend {}
+link {}
+li {}
+main {}
+map {}
+mark {}
+math {}
+menuitem {}
+menu {}
+meta {}
+meter {}
+nav {}
+noscript {}
+object {}
+ol {}
+optgroup {}
+option {}
+output {}
+param {}
+pre {}
+progress {}
+p {}
+q {}
+rp {}
+rt {}
+ruby {}
+samp {}
+script {}
+section {}
+select {}
+small {}
+source {}
+span {}
+strong {}
+style {}
+sub {}
+summary {}
+sup {}
+svg {}
+s {}
+table {}
+tbody {}
+td {}
+template {}
+textarea {}
+tfoot {}
+thead {}
+th {}
+time {}
+title {}
+track {}
+tr {}
+ul {}
+u {}
+var {}
+video {}
+wbr {}
+
+/* :not(s1, s2) */
+
+button:not([DISABLED]) {}
+*:not(FOO) {}
+html|*:not(:link):not(:visited) {}
+
+/* :matches(s1, s2) */
+
+*|*:matches(:hover, :focus) {}
+*|*:matches(*:hover, *:focus) {}
+aaa |*:matches(*:hover, *:focus) {}
+hello|*:matches(*:hover, *:focus) {}
+hello  |*:matches(*:hover, *:focus) {}
+ans\aa|*:matches(*:hover, *:focus) {}
+
+/* :has(rs1, rs2) */
+
+a:has(> img) {}
+dt:has(+ dt) {}
+section:not(:has(h1, h2, h3, h4, h5, h6)) {}
+section:has(:not(h1, h2, h3, h4, h5, h6)) {}
+
+/* class selector */
+
+*.pastoral { color: green; }
+.pastoral { color: green; }
+h1.pastoral { color: green; }
+p.pastoral.marine { color: green; }
+
+/* id selector */
+
+h1#chapter1 {}
+#chapter1 {}
+*#z98y {}
+
+/* attribute selector */
+
+h1[title] {}
+span[class="example"] {}
+span[  hello= "Cleveland"] [goodbye='Columbus'] {}
+a[rel~="copyright"] { ... }
+a[href="http://www.w3.org/"] { ... }
+a[hreflang=fr] {}
+a[hreflang|="en"] {}
+object[type^="image/" 'hi' 'hi'] {}
+a[href$=".html"] {}
+p[title*="hello" "hi" hi there 'sup'] {}
+[frame=hsides i j k] { border-style: solid none; }
+[foo\aasdf\asd|\at\aaaaat=val] { color: blue; }
+[*|att] { color: yellow; }
+[\aasdf\asd|att] { color: green; }
+[att] { color: green; }
+[|*] { color: green; }
+[*|*] { color: green; }
+[*] { color: green; }
+[ns|*] { color: green; }
+[attr] {}
+[attr=value] {}
+[attr~=value] {}
+[attr|=value] {}
+[attr^=value] {}
+[attr$=value] {}
+[attr*=value] {}
+
+/* :dir() pseudo-class */
+
+div:dir(ltr) {}
+div:dir(rtl) {}
+
+/* :lang() pseudo-class */
+
+html:lang(fr-be) {}
+html:lang(de) {}
+:lang(fr-be) > q {}
+:lang(de) > q {}
+:lang(de-*) > q {}
+:lang(*-fr) > q {}
+
+/* :any-link pseudo-class */
+
+div:any-link {}
+:any-link {}
+
+/* :link history pseudo-class */
+
+div:link {}
+.footnote:link {}
+div:visited {}
+.footnote:visited  {}
+
+/* :target pseudo-class */
+
+p.note:target {}
+*:target { color: red; }
+*:target::before { content: url('target.png'); }
+
+/* :scope pseudo-class */
+
+div:scope {}
+.footnote:scope {}
+
+/* time dimensional pseudo-classes */
+
+:current {
+  background: yellow;
+}
+:current(p, li, dt, dd) {
+  background: yellow;
+}
+:past {
+  background: yellow;
+}
+:future {
+  background: yellow;
+}
+
+/* user-action pseudo-classes */
+
+a:link    {} /* unvisited links */
+a:visited {} /* visited links */
+a:hover   {} /* user hovers */
+a:active  {} /* active links */
+a:focus   {}
+a:focus:hover {}
+a:drop(active) {}
+a:drop( valid ) {}
+a:drop(invalid)   {}
+a:drop(valid active ) {}
+
+/* :enabled :disabled pseudo-classes */
+
+div:enabled {}
+:disabled {}
+
+/* mutability pseudo-classes */
+
+div:read-only {}
+:read-write {}
+
+/* :placeholder-shown pseudo-class */
+
+div:placeholder-shown {}
+:placeholder-shown {}
+
+/* :default pseudo-class */
+
+div:default {}
+:default {}
+
+/* :checked pseudo-class */
+
+div:checked {}
+:checked {}
+:not(:checked) {}
+
+/* :indeterminate */
+
+div:indeterminate {}
+:indeterminate {}
+
+/* validity pseudo-classes */
+
+div:valid {}
+:valid {}
+div:invalid {}
+:invalid {}
+
+/* range pseudo-classes */
+
+div:in-range {}
+:in-range {}
+div:out-of-range {}
+:out-of-range {}
+
+/* :required, :optional pseudo-classes */
+
+div:required {}
+:required {}
+div:optional {}
+:optional {}
+
+/* the rest */
+
+div:root {}
+:root {}
+div:empty {}
+:empty {}
+div:blank {}
+:blank {}
+:nth-child(even) {}   /* represents the 2nd, 4th, 6th, etc elements */
+:nth-child(10n-1) {}  /* represents the 9th, 19th, 29th, etc elements */
+:nth-child(10n+9) {}  /* Same */
+    :nth-child(10n+-1) {} /* Syntactically invalid, and would be ignored */
+li:nth-child(-n+3 of .important) {}
+li.important:nth-child(-n+3) {}
+tr:nth-child(even) {
+  background: silver;
+}
+tr:nth-child(even of :not([hidden])) {
+  background: silver;
+}
+tr:nth-last-child(-n+2) {}    /* represents the two last rows of an HTML table */
+
+foo:nth-last-child(odd) {}    /* represents all odd foo elements in their parent element,
+                              counting from the last one */
+* > a:first-child {} /* a is first child of any element */
+a:first-child {} /* Same (assuming a is not the root element) */
+ol > li:last-child {}
+ol > li:only-child {}
+img:nth-of-type(2n+1) { float: right; }
+img:nth-of-type(2n) { float: left; }
+body > h2:nth-of-type(n+2):nth-last-of-type(n+2) {}
+body > h2:not(:first-of-type):not(:last-of-type) {}
+dl dt:first-of-type {}
+tr > td:last-of-type {}
+tr > td:only-of-type {}
+
+/* combinators */
+
+div * p {}
+div p *[href] {}
+body > p {}
+div ol>li p {}
+math + p {}
+h1.opener + h2 {}
+h1 ~ pre {}
+h1 /ident/ pre {}
+col.selected || td {
+  background: gray;
+  color: white;
+  font-weight: bold;
+}
+
+/* grid structural pseudo-classes */
+
+div:nth-column(2n+1) {}
+:nth-column(2n) {}
+div:nth-last-column(2n+1) {}
+:nth-last-column(2n) {}
+
+/* deprecated tags */
+
+acronym {}
+applet {}
+basefont {}
+bgsound {}
+big {}
+blink {}
+center {}
+dir {}
+font {}
+frameset {}
+frame {}
+hgroup {}
+isindex {}
+listing {}
+marquee {}
+multicol {}
+nextid {}
+nobr {}
+noembed {}
+noframes {}
+plaintext {}
+spacer {}
+strike {}
+tt {}
+xmp {}