<!DOCTYPE html>
<meta charset="utf-8">
<title>:has combined with :visited/:link</title>
<link rel="author" title="Byungwoo Lee" href="mailto:[email protected]">
<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>