Blitz - WPT: has-visited.html

wpt / css / selectors / has-visited.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>:has combined with :visited/:link</title>
<link rel="author" title="Byungwoo Lee" href="mailto:blee@igalia.com">
<link rel="help" href="https://drafts.csswg.org/selectors/#relational">
<link rel="match" href="has-visited-ref.html">
<style>
  #parent1:has(:link) {
    color: green;
  }
  #parent2:has(:visited) {
    color: yellow;
  }
  #parent3:has(:any-link) {
    color: yellowgreen;
  }
</style>
<main>
  <div id=parent1>
    <div>parent color should be green with <a href="">visited link</a>.</div>
  </div>
  <div id=parent2>
    <div>parent color should be black with <a href="unvisited">unvisited link</a>.</div>
  </div>
  <div id=parent3>
    <div>parent color should be yellowgreen with <a href="unvisited">any link</a>.</div>
  </div>
</main>

/css/selectors/has-visited-ref.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>:has combined with :visited/:link</title>
<link rel="author" title="Byungwoo Lee" href="mailto:blee@igalia.com">
<link rel="help" href="https://drafts.csswg.org/selectors/#relational">
<style>
  #parent1 {
    color: green;
  }
  #parent2 {
    color: black;
  }
  #parent3 {
    color: yellowgreen;
  }
</style>
<main>
  <div id=parent1>
    <div>parent color should be green with <a href="">visited link</a>.</div>
  </div>
  <div id=parent2>
    <div>parent color should be black with <a href="unvisited">unvisited link</a>.</div>
  </div>
  <div id=parent3>
    <div>parent color should be yellowgreen with <a href="unvisited">any link</a>.</div>
  </div>
</main>