1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
<!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>
|
