| <!DOCTYPE html> |
| <title>Verify that colors with var() references apply in visited link context</title> |
| <link rel="help" href="https://drafts.csswg.org/css-variables/#using-variables"> |
| <style> |
| div { |
| min-height: 10px; |
| margin-bottom: 10px; |
| } |
| |
| .color { color: green; } |
| .background_color { background-color: green; } |
| .border { border: medium solid green; } |
| .outline { outline: medium solid green; } |
| .text_decoration { text-decoration: solid underline green; } |
| .column_rule { columns: 2; column-rule: medium solid green; } |
| .stroke { stroke: green; fill: white; } |
| .fill { fill: green; } |
| </style> |
| <a href=""> |
| <div class="color">Text should be green</div> |
| <div class="background_color"></div> |
| <div class="border"></div> |
| <div class="border"></div> |
| <div class="border"></div> |
| <div class="border"></div> |
| <div class="outline"></div> |
| <div class="outline"></div> |
| <div class="text_decoration">Underline should be green</div> |
| <div class="text_decoration">Underline should be green</div> |
| <div class="column_rule"><div style="height: 20px"></div></div> |
| <div class="column_rule"><div style="height: 20px"></div></div> |
| <svg width="20" height="50"> |
| <rect class="stroke" x="5" y="5" width="10" height="10" /> |
| <rect class="fill" x="5" y="20" width="10" height="10" /> |
| </svg> |
| </a> |