Notes for myself (and others?)

Notes for myself (and others?) http://notesformyself.wordpress.com Just another WordPress.com weblog Fri, 07 Aug 2009 15:15:33 +0000 en hourly 1 http://wordpress.com/ http://s2.wp.com/i/buttonw-com.png Notes for myself (and others?) http://notesformyself.wordpress.com CSS :target selector http://notesformyself.wordpress.com/2009/08/07/css-target-selector/ http://notesformyself.wordpress.com/2009/08/07/css-target-selector/#comments Fri, 07 Aug 2009 15:14:16 +0000 pmuller http://notesformyself.wordpress.com/?p=3 ]]> This is my first post, and it’s a quick note about a useful CSS selector (at least for me).

The :target selector helps you match the elements from the URI fragment identifier (the part after the # sign).

A simple example :


<style type="text/css">
ul.inline {
display: inline;
}
div.hidden {
display: none;
}
div:target {
display: block;
}
</style>
<ul>
<a href="#1">1</a>
<a href="#2">2</a>
<a href="#3">3</a>
</ul>
<div id="1">div 1</div>
<div id="2">div 2</div>
<div id="3">div 3</div>

Reference

]]> http://notesformyself.wordpress.com/2009/08/07/css-target-selector/feed/ 0 pmuller