Edit the code below and click the button to see the results on the right.
See the Results
<html> <head> <style type="text/css"> <!-- A:link { color:blue; } A:hover { background-color:yellow; color:navy; text-decoration:none } A:active { background-color:yellow; color:yellow; text-decoration:none } A:visited { color:pink; } Div.rev { background-color:navy; color:white } Div.rev A:link { color:yellow } --> </style> <title>Pseudo-Classes</title> </head> <body> <div class="rev"> <a href="#">This is a link</a> that goes nowhere.<br /> <a href="#">This is a link</a> that goes nowhere.<br /> <a href="#">This is a link</a> that goes nowhere.<br /> <a href="#">This is a link</a> that goes nowhere. </div> <a href="#">This is a link</a> that goes nowhere.<br /> <a href="#">This is a link</a> that goes nowhere.<br /> <a href="#">This is a link</a> that goes nowhere.<br /> <a href="#">This is a link</a> that goes nowhere. </body> </html>