Follow changes in WD-selectors-4-20180202

See also: https://www.w3.org/TR/2018/WD-selectors-4-20180202/

Author: hail2u

after/syntax/css/selectors4.vim

@@ -1,9 +1,10 @@
 syn match cssSelectorOp "[|]"
-syn keyword cssPseudoClassId contained scope current past future default valid invalid required optional blank
+syn keyword cssPseudoClassId contained scope current past future default valid invalid required optional blank playing paused
 syn match cssPseudoClassId contained "\<\(any\|local\)-link\>"
 syn match cssPseudoClassId contained "\<read-\(only\|write\)\>"
 syn match cssPseudoClassId contained "\<placeholder-shown\>"
 syn match cssPseudoClassId contained "\<\(in\|out-of\)-range\>"
-syn match cssPseudoClassId contained "\<user-error\>"
-syn match cssPseudoClassId contained "\<\(active\|valid\|invalid\)-drop-target\>"
-syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(matches\|dir\|local-link\|current\|nth\(-last\)\=-\(match\|column\)\|column\)(" end=")" oneline
+syn match cssPseudoClassId contained "\<user-invalid\>"
+syn match cssPseudoClassId contained "\<target-within\>"
+syn match cssPseudoClassId contained "\<focus-\(within\|visible\)\>"
+syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(matches\|dir\|local-link\|current\|nth\(-last\)\=-col\|has\|drop\)(" end=")" oneline

test/test.css

@@ -676,19 +676,20 @@
 .selectors4:placeholder-shown,
 .selectors4:in-range,
 .selectors4:out-of-range,
-.selectors4:user-error,
-.selectors4:active-drop-target,
-.selectors4:valid-drop-target,
-.selectors4:invalid-drop-target,
+.selectors4:user-invalid,
 .selectors4:matches(:hover, :focus),
 .selectors4:dir(ltr),
 .selectors4:local-link(0),
 .selectors4:current(p, li, dt, dd),
-.selectors4:nth-match(2n+1),
-.selectors4:nth-last-match(-n+2),
-.selectors4:nth-column(2n+1),
-.selectors4:nth-last-column(-n+2),
-.selectors4:column(p, li, dt, dd) {
+.selectors4:nth-col(2n+1),
+.selectors4:nth-last-col(-n+2),
+.selectors4:target-within,
+.selectors4:focus-within,
+.selectors4:focus-visible,
+.selectors4:playing,
+.selectors4:paused,
+.selectors4:has(> img),
+.selectors4:drop(active) {
   display: auto;
 }