variable-reference-visited-ref.html (1383B)
1 <!DOCTYPE html> 2 <title>Verify that colors with var() references apply in visited link context</title> 3 <link rel="help" href="https://drafts.csswg.org/css-variables/#using-variables"> 4 <style> 5 div { 6 min-height: 10px; 7 margin-bottom: 10px; 8 } 9 10 .color { color: green; } 11 .background_color { background-color: green; } 12 .border { border: medium solid green; } 13 .outline { outline: medium solid green; } 14 .text_decoration { text-decoration: solid underline green; } 15 .column_rule { columns: 2; column-rule: medium solid green; } 16 .stroke { stroke: green; fill: white; } 17 .fill { fill: green; } 18 </style> 19 <a href=""> 20 <div class="color">Text should be green</div> 21 <div class="background_color"></div> 22 <div class="border"></div> 23 <div class="border"></div> 24 <div class="border"></div> 25 <div class="border"></div> 26 <div class="outline"></div> 27 <div class="outline"></div> 28 <div class="text_decoration">Underline should be green</div> 29 <div class="text_decoration">Underline should be green</div> 30 <div class="column_rule"><div style="height: 20px"></div></div> 31 <div class="column_rule"><div style="height: 20px"></div></div> 32 <svg width="20" height="50"> 33 <rect class="stroke" x="5" y="5" width="10" height="10" /> 34 <rect class="fill" x="5" y="20" width="10" height="10" /> 35 </svg> 36 </a>