is-where-visited-ref.html (1433B)
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 <style> 5 :visited, :link { 6 color: black; 7 } 8 9 #parent1 .a, #parent1 .b, #parent1 .c { 10 color: green; 11 } 12 #parent1 .d, #parent1 .f { 13 color: magenta; 14 } 15 16 #parent2 .b, #parent2 .e { 17 color: tomato; 18 } 19 20 #parent3 .c, #parent3 .f { 21 color: skyblue; 22 } 23 24 #parent4 .c, #parent4 .f { 25 color: blue; 26 } 27 28 #parent3 .b, #parent3 .e, #parent4 .b, #parent4 .e { 29 color: maroon; 30 } 31 </style> 32 <main> 33 <div id=parent1> 34 <a class=a href="">a</a> 35 <a class=b href="">b</a> 36 <a class=c href="">c</a> 37 <a class=d href="unvisited">d</a> 38 <a class=e href="unvisited">e</a> 39 <a class=f href="unvisited">f</a> 40 </div> 41 <div id=parent2> 42 <a class=a href="">a</a> 43 <a class=b href="">b</a> 44 <a class=c href="">c</a> 45 <a class=d href="unvisited">d</a> 46 <a class=e href="unvisited">e</a> 47 <a class=f href="unvisited">f</a> 48 </div> 49 <a id=parent3 href=""> 50 <span class=a>a</span> 51 <span class=b>b</span> 52 <span class=c>c</span> 53 <span class=d>d</span> 54 <span class=e>e</span> 55 <span class=f>f</span> 56 </a> 57 <br> 58 <a id=parent4 href="unvisited"> 59 <span class=a>a</span> 60 <span class=b>b</span> 61 <span class=c>c</span> 62 <span class=d>d</span> 63 <span class=e>e</span> 64 <span class=f>f</span> 65 </a> 66 </main>