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>
