2.9.1

https://www.w3.org/TR/2026/WD-selectors-4-20260122/

after/syntax/css/anchor-position-1.vim

@@ -1,4 +1,4 @@
 syn keyword cssFontProp contained anchor-name anchor-scope position-area position-anchor position-try position-try-fallbacks position-try-order position-visibility
-syn keyword cssFontAttr contained span-left span-right span-x-start span-x-end self-x-start self-x-end span-self-x-start span-self-x-end span-all span-top span-bottom span-y-start span-y-end self-y-start self-y-end span-self-y-start span-self-y-end block-start block-end span-block-start span-block-end self-block-start self-block-end span-self-block-start span-self-block-end inline-start inline-end span-inline-start span-inline-end self-inline-start self-inline-end span-self-inline-start span-self-inline-end span-start span-end self-start self-end span-self-start span-self-end anchor-center most-width most-height most-block-size most-inline-size flip-block flip-inline flip-start
+syn keyword cssFontAttr contained span-left span-right span-x-start span-x-end self-x-start self-x-end span-self-x-start span-self-x-end span-all span-top span-bottom span-y-start span-y-end self-y-start self-y-end span-self-y-start span-self-y-end block-start block-end span-block-start span-block-end self-block-start self-block-end span-self-block-start span-self-block-end inline-start inline-end span-inline-start span-inline-end self-inline-start self-inline-end span-self-inline-start span-self-inline-end span-start span-end self-start self-end span-self-start span-self-end anchor-center most-width most-height most-block-size most-inline-size flip-x flip-y flip-block flip-inline flip-start dialog
 syn region cssFunction contained matchgroup=cssFunctionName start="\<anchor\(-size\)\=\s*(" end=")" oneline keepend
 syn match cssFontDescriptor "@position-try\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/backgrounds-4.vim

@@ -1,2 +1,2 @@
-syn keyword cssFontProp contained background-position-x background-position-y background-position-inline background-position-block
-syn keyword cssFontAttr contained x-start x-end y-start y-end
+syn keyword cssFontProp contained background-repeat-x background-repeat-y background-repeat-inline background-repeat-block background-position-x background-position-y background-position-inline background-position-block background-tbd
+syn keyword cssFontAttr contained x-start x-end y-start y-end border-area text repeat-block repeat-inline

after/syntax/css/borders-4.vim

@@ -1,3 +1,3 @@
-syn keyword cssFontProp contained border-top-radius border-right-radius border-bottom-radius border-left-radius border-block-start-radius border-block-end-radius border-inline-start-radius border-inline-end-radius corner-top-left-shape corner-top-right-shape corner-bottom-right-shape corner-bottom-left-shape corner-start-start-shape corner-start-end-shape corner-end-start-shape corner-end-end-shape corner-top-shape corner-right-shape corner-bottom-shape corner-left-shape corner-block-start-shape corner-block-end-shape corner-inline-start-shape corner-inline-end-shape corner-shape corners border-limit border-clip border-clip-top border-clip-right border-clip-bottom border-clip-left box-shadow-color box-shadow-offset box-shadow-blur box-shadow-spread box-shadow-position border-shape
+syn keyword cssFontProp contained border-top-radius border-right-radius border-bottom-radius border-left-radius border-block-start-radius border-block-end-radius border-inline-start-radius border-inline-end-radius corner corner-top-left-shape corner-top-right-shape corner-bottom-right-shape corner-bottom-left-shape corner-start-start-shape corner-start-end-shape corner-end-start-shape corner-end-end-shape corner-top-shape corner-right-shape corner-bottom-shape corner-left-shape corner-block-start-shape corner-block-end-shape corner-inline-start-shape corner-inline-end-shape corner-shape corner-top-left corner-top-right corner-bottom-left corner-bottom-right corner-start-start corner-start-end corner-end-start corner-end-end border-limit border-clip border-top-clip border-right-clip border-bottom-clip border-left-clip border-block-start-clip border-block-end-clip border-inline-start-clip border-inline-end-clip box-shadow-color box-shadow-offset box-shadow-blur box-shadow-spread box-shadow-position border-shape
 syn keyword cssFontAttr contained squircle bevel scoop notch sides corners
 syn region cssFunction contained matchgroup=cssFunctionName start="\<superellipse\s*(" end=")" oneline keepend

after/syntax/css/display-4.vim

@@ -1,2 +1,2 @@
-syn keyword cssFontProp contained reading-flow
-syn keyword cssFontAttr contained flex-visual flex-flow grid-rows grid-columns
+syn keyword cssFontProp contained reading-flow reading-order
+syn keyword cssFontAttr contained flex-visual flex-flow grid-rows grid-columns source-order force-hidden

after/syntax/css/grid-3.vim

@@ -1,2 +1,2 @@
-syn keyword cssFontProp contained masonry-direction masonry-fill masonry-flow masonry masonry-template-tracks masonry-template-areas masonry-auto-tracks masonry-track-start masonry-track-end masonry-track masonry-slack item-track item-direction item-wrap item-cross item-pack item-slack item-flow
-syn keyword cssFontAttr contained masonry inline-masonry
+syn keyword cssFontProp contained flow-tolerance item-track item-direction item-cross item-pack item-flow
+syn keyword cssFontAttr contained grid-lanes inline-grid-lanes

after/syntax/css/selectors-4.vim

@@ -1,3 +1,3 @@
 syn match cssSelectorOp "[|]"
-syn keyword cssPseudoClassId contained scope current past future default valid required optional blank playing paused any-link local-link read-only read-write placeholder-shown in-range out-of-range user-invalid user-valid target-within defined modal fullscreen picture-in-picture seeking buffering stalled muted volume-locked autofill open closed
-syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(dir\|local-link\|current\|nth\(-last\)\=-col\|has\|where\)(" end=")" oneline
+syn keyword cssPseudoClassId contained defined any-link scope playing paused seeking buffering stalled muted volume-locked open popover-open modal fullscreen picture-in-picture read-only read-write placeholder-shown autofill default valid in-range out-of-range required optional user-valid user-invalid
+syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(where\|has\|dir\)(" end=")" oneline

after/syntax/css/ui-4.vim

@@ -1,3 +1,2 @@
-syn keyword cssFontProp contained caret caret-shape
-syn keyword cssFontAttr contained fade underscore
-syn region cssFunction contained matchgroup=cssFunctionName start="\<fade\s*(" end=")" oneline keepend
+syn keyword cssFontProp contained caret-shape caret-animation caret interactivity interest-delay-start interest-delay-end interest-delay accent-color
+syn keyword cssFontAttr contained underscore inert

test/test.css

@@ -57,6 +57,8 @@
   display: most-height;
   display: most-block-size;
   display: most-inline-size;
+  display: flip-x;
+  display: flip-y;
   display: flip-block;
   display: flip-inline;
   display: flip-start;
@@ -85,62 +87,82 @@
 }
 
 .backgrounds-4 {
+  background-repeat-x: auto;
+  background-repeat-y: auto;
+  background-repeat-inline: auto;
+  background-repeat-block: auto;
   background-position-x: auto;
   background-position-y: auto;
   background-position-inline: auto;
   background-position-block: auto;
+  background-tbd: auto;
   display: x-start;
   display: x-end;
   display: y-start;
   display: y-end;
+  display: border-area;
+  display: text;
+  display: repeat-block;
+  display: repeat-inline;
 }
 
 .borders-4 {
-	border-top-radius: auto;
-	border-right-radius: auto;
-	border-bottom-radius: auto;
-	border-left-radius: auto;
-	border-block-start-radius: auto;
-	border-block-end-radius: auto;
-	border-inline-start-radius: auto;
-	border-inline-end-radius: auto;
-	corner-top-left-shape: auto;
-	corner-top-right-shape: auto;
-	corner-bottom-right-shape: auto;
-	corner-bottom-left-shape: auto;
-	corner-start-start-shape: auto;
-	corner-start-end-shape: auto;
-	corner-end-start-shape: auto;
-	corner-end-end-shape: auto;
-	corner-top-shape: auto;
-	corner-right-shape: auto;
-	corner-bottom-shape: auto;
-	corner-left-shape: auto;
-	corner-inline-start-shape: auto;
-	corner-inline-end-shape: auto;
-	corner-block-start-shape: auto;
-	corner-block-end-shape: auto;
+  border-top-radius: auto;
+  border-right-radius: auto;
+  border-bottom-radius: auto;
+  border-left-radius: auto;
+  border-block-start-radius: auto;
+  border-block-end-radius: auto;
+  border-inline-start-radius: auto;
+  border-inline-end-radius: auto;
+  corner: auto;
+  corner-top-left-shape: auto;
+  corner-top-right-shape: auto;
+  corner-bottom-right-shape: auto;
+  corner-bottom-left-shape: auto;
+  corner-start-start-shape: auto;
+  corner-start-end-shape: auto;
+  corner-end-start-shape: auto;
+  corner-end-end-shape: auto;
+  corner-top-shape: auto;
+  corner-right-shape: auto;
+  corner-bottom-shape: auto;
+  corner-left-shape: auto;
+  corner-inline-start-shape: auto;
+  corner-inline-end-shape: auto;
+  corner-block-start-shape: auto;
+  corner-block-end-shape: auto;
   corner-shape: auto;
-  corners: auto;
+  corner-top-right: auto;
+  corner-bottom-left: auto;
+  corner-bottom-right: auto;
+  corner-start-start: auto;
+  corner-start-end: auto;
+  corner-end-start: auto;
+  corner-end-end: auto;
   border-limit: auto;
   border-clip: auto;
-  border-clip-top: auto;
-  border-clip-right: auto;
-  border-clip-bottom: auto;
-  border-clip-left: auto;
-	box-shadow-color: auto;
-	box-shadow-offset: auto;
-	box-shadow-blur: auto;
-	box-shadow-spread: auto;
-	box-shadow-position: auto;
-	border-shape: auto;
-	display: squircle;
+  border-top-clip: auto;
+  border-right-clip: auto;
+  border-bottom-clip: auto;
+  border-left-clip: auto;
+  border-block-start-clip: auto;
+  border-block-end-clip: auto;
+  border-inline-start-clip: auto;
+  border-inline-end-clip: auto;
+  box-shadow-color: auto;
+  box-shadow-offset: auto;
+  box-shadow-blur: auto;
+  box-shadow-spread: auto;
+  box-shadow-position: auto;
+  border-shape: auto;
+  display: squircle;
   display: bevel;
   display: scoop;
   display: notch;
-	display: superellipse(1);
-	display: sides;
-	display: corners;
+  display: superellipse(1);
+  display: sides;
+  display: corners;
 }
 
 .box-3 {
@@ -388,10 +410,13 @@
 
 .display-4 {
   reading-flow: auto;
+  reading-order: auto;
   display: flex-visual;
   display: flex-flow;
   display: grid-rows;
   display: grid-columns;
+  display: source-order;
+  display: force-hidden;
 }
 
 .easing-1 {
@@ -627,26 +652,15 @@
 }
 
 .grid-3 {
-  masonry-direction: auto;
-  masonry-fill: auto;
-  masonry-flow: auto;
-  masonry: auto;
-  masonry-template-tracks: auto;
-  masonry-template-areas: auto;
-  masonry-auto-tracks: auto;
-  masonry-track-start: auto;
-  masonry-track-end: auto;
-  masonry-track: auto;
-  masonry-slack: auto;
+  flow-tolerance: auto;
   item-track: auto;
   item-direction: auto;
-  item-wrap: auto;
   item-cross: auto;
+  item-wrap: auto;
   item-pack: auto;
-  item-slack: auto;
   item-flow: auto;
-  display: masonry;
-  display: inline-masonry;
+  display: grid-lanes;
+  display: inline-grid-lanes;
 }
 
 .highlight-api-1::highlight(test) {
@@ -1102,46 +1116,36 @@ mask {
 }
 
 .selectors-4 | h1,
-.selectors-4:scope,
-.selectors-4:current,
-.selectors-4:past,
-.selectors-4:future,
-.selectors-4:default,
-.selectors-4:valid,
-.selectors-4:required,
-.selectors-4:optional,
-.selectors-4:blank,
-.selectors-4:any-link,
-.selectors-4:local-link,
-.selectors-4:read-only,
-.selectors-4:read-write,
-.selectors-4:placeholder-shown,
-.selectors-4:in-range,
-.selectors-4:out-of-range,
-.selectors-4:user-invalid,
+.selectors-4:where(:not(:hover)),
+.selectors-4:has(> img),
+.selectors-4:defined,
 .selectors-4:dir(ltr),
-.selectors-4:local-link(0),
-.selectors-4:current(p, li, dt, dd),
-.selectors-4:nth-col(2n+1),
-.selectors-4:nth-last-col(-n+2),
-.selectors-4:target-within,
+.selectors-4:any-link,
+.selectors-4:scope,
 .selectors-4:playing,
 .selectors-4:paused,
-.selectors-4:has(> img),
-.selectors-4:where(:not(:hover)),
-.selectors-4:defined,
-.selectors-4:modal,
-.selectors-4:fullscreen,
-.selectors-4:picture-in-picture,
 .selectors-4:seeking,
 .selectors-4:buffering,
 .selectors-4:stalled,
 .selectors-4:muted,
 .selectors-4:volume-locked,
-.selectors-4:autofill,
-.selectors-4:user-valid,
 .selectors-4:open,
-.selectors-4:closed {
+.selectors-4:popover-open,
+.selectors-4:modal,
+.selectors-4:fullscreen,
+.selectors-4:picture-in-picture,
+.selectors-4:read-only,
+.selectors-4:read-write,
+.selectors-4:placeholder-shown,
+.selectors-4:autofill,
+.selectors-4:default,
+.selectors-4:valid,
+.selectors-4:in-range,
+.selectors-4:out-of-range,
+.selectors-4:required,
+.selectors-4:optional,
+.selectors-4:user-valid,
+.selectors-4:user-invalid {
   display: auto;
 }
 
@@ -1448,11 +1452,16 @@ view {
 }
 
 .ui-4 {
-  caret: auto;
   caret-shape: auto;
-  display: fade;
-  display: fade(1em);
+  caret-animation: auto;
+  caret: auto;
+  interactivity: auto;
+  interest-delay-start: auto;
+  interest-delay-end: auto;
+  interest-delay: auto;
+  accent-color: auto;
   display: underscore;
+  display: inert;
 }
 
 .unofficials {