Type your HTML here: (scripts and custom event handlers are not allowed) <ul> <li><a href="http://www.sitepoint.com/">www.sitepoint.com</a></li> <li><a href="http://www.bbc.co.uk/">www.bbc.co.uk</a></li> <li><a href="http://www.news.com.au/">www.news.com.au</a></li> </ul> <p> The <code>:hover</code> pseudo-class will apply to elements in their focus state (<abbr title="for example">eg.</abbr> when tabbing between them with the keyboard). </p>

Type any CSS you want here: (any properties allowed except expression, behavior and @import) /* here's pseudoclass-focus in action */ a:focus { color:#cccccc; }

Show me!