target-text-009.html (686B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Pseudo-Elements Test: ::target-text color rendering - overlap targets</title> 4 <link rel="author" title="Stephen Chenney (Igalia)" href="mailto:schenney@chromium.org"> 5 <link rel="help" href="https://drafts.csswg.org/css-pseudo/#selectordef-target-text"> 6 <link rel="match" href="target-text-five-words-ref.html"> 7 <style> 8 p::target-text { 9 color: darkgrey; 10 background-color: orange; 11 } 12 </style> 13 <p>PASS if</p> 14 <p>"<span style="color:darkgrey;background:orange">match me and me</span>"</p> 15 <p>is rendered dark grey on an orange background.</p> 16 <script> 17 window.location.hash = "#:~:text=match%20me&text=me%20and%20me"; 18 </script>