56 lines
1.2 KiB
HTML
56 lines
1.2 KiB
HTML
<html>
|
|
<head>
|
|
<style>
|
|
:visited { color: red }
|
|
:visited #l1 { color: green }
|
|
:visited > #l2 { color: green }
|
|
:visited span :visited { color: green }
|
|
:link + #span1 { color: green }
|
|
:visited + #span1 { color: red }
|
|
:link ~ #span2 { color: green }
|
|
:visited ~ #span2 { color: red }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>
|
|
Test that visited style matches to the topmost link in a decendant selector.
|
|
The link should be green, with red underlining.
|
|
</p>
|
|
<p>
|
|
<a href=""><span id="l1">Link</span></a>
|
|
</p>
|
|
<p>
|
|
Test that visited style matches to the topmost link in a child selector.
|
|
The link should be green, with red underlining.
|
|
</p>
|
|
<p>
|
|
<a href=""><span id="l2">Link</span></a>
|
|
</p>
|
|
<p>
|
|
Test that visited style does not match to non-topmost links.
|
|
The link should be red, with red underlining.
|
|
</p>
|
|
<p>
|
|
<a href=""><span><a href="" id="l3">Link</a></span></a>
|
|
</p>
|
|
<p>
|
|
Test that direct adjacent selector doesn't match visited style.
|
|
The link should be red, with red underlining.
|
|
The span should be green.
|
|
</p>
|
|
<p>
|
|
<a href="">Link</a>
|
|
<span id=span1>Span</span>
|
|
</p>
|
|
<p>
|
|
Test that indirect adjacent selector doesn't match visited style.
|
|
The link should be red, with red underlining.
|
|
The span should be green.
|
|
</p>
|
|
<p>
|
|
<a href="">Link</a>
|
|
<span id=span2>Span</span>
|
|
</p>
|
|
</body>
|
|
</html>
|