>> English << | česky | PortuguêsZVON > Tutorials > CSS2 tutorial
>> 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