Specificity and the Cascade - Pro CSS Techniques - page 50

Figure 3-13. Simulating transparency and changing visibility on :hover
Let's start with the (X)HTML for the Projects links (for reference, this snippet is contained
within <div id="sidebar"> ). We've simplified some of the URLs for this example:
<h4>superfluous projects</h4>
<ul>
<li>
<a href="/archives/2004/05/">Official Blogger Template
<span>&rarr; read this article</span>
<em>An overview of the templates I designed for Blogger</em>
</a>
</li>
<li>
<a href="/archives/2004/05/">Navigation Matrix (CSS)
<span>&rarr; read this article</span>
<em>Use XHTML/CSS and a single image to make beautiful tabs</em>
</a>
</li>
<li>
<a href="http://www.csszengarden.com/024/">css Zen Garden #024 (CSS)
<span>&rarr; visit this site</span>
<em>My contribution to the garden; also featured in the topic</em>
</a>
</li>
<li>
<a href="http://webgraph.com/resources/">View Browser Source (OS X)
<span>&rarr; visit this site</span>
<em>Highly useful AppleScripts to view source in any text app</em>
</a>
</li>
<li>
<a href="http://webgraph.com/icons/">Sony Cli&eacute; Icons (OS X/WinXP)
<span>&rarr; visit this site</span>
<em>Photorealistic icons for Sony fanatics</em>
</a>
</li>
</ul>