CSS 2 Example 5

>> English << | česky | Português ZVON > Tutorials > CSS2 tutorial
Intro / Search / ZVON
>> Example 5 << | Prev | Next | Index | Contents

Pseudo-classes link and visited distinguish not visited and visited links, respectively (1).Pseudo-class hover applies when the cursor moves over the element (2).

XML SourceCSS stylesheetExample link
(1)
<AAA>
<html:p>
<html:a href = "http://unknown">not visited</html:a>
</html:p>
<html:p>
<html:a href = "index.xul">index of this example</html:a>
</html:p>
</AAA>

a:link {color:red}
a:visited {color:green}
View output
XML SourceCSS stylesheetExample link
(2)
<AAA>
<html:p>
<html:a href = "http://unknown">not visited</html:a>
</html:p>
<html:p>
<html:a href = "index.xul">index of this example</html:a>
</html:p>
</AAA>

a:link {color:red}
a:visited {color:green}
a:hover {color:fuchsia}
View output

AltStyle によって変換されたページ (->オリジナル) /