is-where-visited.html (1549B)
1 <!DOCTYPE html> 2 <title>:is/:where combined with :visited/:link</title> 3 <link rel="help" href="https://drafts.csswg.org/selectors-4/#matches"> 4 <link rel="match" href="is-where-visited-ref.html"> 5 <style> 6 :visited, :link { 7 color: black; 8 } 9 10 #parent1 :is(:visited) { 11 color: green; 12 } 13 #parent1 :is(:link):nth-child(even) { 14 color: magenta; 15 } 16 17 :is(#parent2 .a + :visited, #parent2 .e:link) { 18 color: tomato; 19 } 20 21 main :is(a:visited > :where(.a + span + span, .f)) { 22 color: skyblue; 23 } 24 25 main :is(a:link > :where(.a + span + span, .f)) { 26 color: blue; 27 } 28 29 main :is(a:is(:link, :visited) > :where(.b, .e)) { 30 color: maroon; 31 } 32 </style> 33 <main> 34 <div id=parent1> 35 <a class=a href="">a</a> 36 <a class=b href="">b</a> 37 <a class=c href="">c</a> 38 <a class=d href="unvisited">d</a> 39 <a class=e href="unvisited">e</a> 40 <a class=f href="unvisited">f</a> 41 </div> 42 <div id=parent2> 43 <a class=a href="">a</a> 44 <a class=b href="">b</a> 45 <a class=c href="">c</a> 46 <a class=d href="unvisited">d</a> 47 <a class=e href="unvisited">e</a> 48 <a class=f href="unvisited">f</a> 49 </div> 50 <a id=parent3 href=""> 51 <span class=a>a</span> 52 <span class=b>b</span> 53 <span class=c>c</span> 54 <span class=d>d</span> 55 <span class=e>e</span> 56 <span class=f>f</span> 57 </a> 58 <br> 59 <a id=parent4 href="unvisited"> 60 <span class=a>a</span> 61 <span class=b>b</span> 62 <span class=c>c</span> 63 <span class=d>d</span> 64 <span class=e>e</span> 65 <span class=f>f</span> 66 </a> 67 </main>