|  | <!doctype html> | 
|  | <meta charset="utf-8"> | 
|  | <title>CSS Pseudo-Elements Test: ::target-text color rendering - two matches</title> | 
|  | <link rel="help" href="https://drafts.csswg.org/css-pseudo/#selectordef-target-text"> | 
|  | <link rel="match" href="target-text-lime-ref.html"> | 
|  | <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> | 
|  | <style> | 
|  | .ahem { font-family: Ahem; } | 
|  | p::target-text { | 
|  | color: lime; | 
|  | background-color: green; | 
|  | } | 
|  | </style> | 
|  | <p>PASS if there are two segments of lime squares below.</p> | 
|  | <p class="ahem">match me</p> | 
|  | <script> | 
|  | window.location.hash = "#:~:text=match&text=me"; | 
|  | </script> |