| <!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> |