<meta charset="utf-8" />

<title>CSS Pseudo-Elements Test: ::selection on visited and unvisited links</title>

<link rel="author" title="Manuel Rego Casasnovas" href="mailto:[email protected]">

<link rel="help" href="https://drafts.csswg.org/css-pseudo/#highlight-selectors">

<meta name="assert" content="This test checks that ::selection works as expected when only visited links have pseudo style.">

<link rel="match" href="selection-link-001-ref.html">

<script src="support/selections.js"></script>

a {

text-decoration: none;

color: black;

}

a:visited::selection {

color: green;

}

<p>Test passes if when selecting the content "visited" has a green color and white background, and "unvisited" is selected with the default colors.</p>

<a href="">visited</a>

<a href="#">unvisited</a>