[css-pseudo-4] Add new pseudo-element ::search-text #10212 #10213

See #10475

Co-authored-by: Jihye Hong 

Author: fantasai

css-pseudo-4/Overview.bs

@@ -640,7 +640,7 @@ Styling the First-Letter Pseudo-elements
 Highlight Pseudo-elements
 
 
-Selecting Highlighted Content: the ''::selection'',  ''::target-text'', ''::spelling-error'', ''::grammar-error'', and ''::highlight()'' pseudo-elements
+Selecting Highlighted Content: the ''::selection'', ''::search-text'', ''::target-text'', ''::spelling-error'', ''::grammar-error'', and ''::highlight()'' pseudo-elements
 
   
     grammar-spelling-errors-001.html
@@ -738,6 +738,16 @@ Selecting Highlighted Content: the ''::selection'',  ''::target-text'', ''::spel
       textpath-selection-011.html
       
 
+    ::search-text
+    
+       The ''::search-text'' pseudo-element represents text
+       identified by the user agent’s find-in-page feature.
+       Since not all UAs style matched text in ways
+       expressible with the [=highlight pseudo-elements=],
+       this pseudo-element is optional to implement.
+
+       Issue(10527): How to identify the current match?
+
     ::target-text
     
       The ''::target-text'' pseudo-element represents text
@@ -1210,6 +1220,9 @@ Backgrounds
   over the ''::spelling-error'' overlay
   which is drawn over the ''::grammar-error'' overlay
   which is drawn over the ''::highlight'' overlays.
+  The ''::search-text'' overlay is drawn directly over or below
+  the '':selection'' overlay depending on the UA,
+  and drawn over all other overlays.
 
   
   selection-overlay-and-grammar-001.html