Skip to content

Instantly share code, notes, and snippets.

@paulvanbuuren
Created June 28, 2014 13:20
Show Gist options
  • Save paulvanbuuren/2a05834cf11cd1fdaace to your computer and use it in GitHub Desktop.
Save paulvanbuuren/2a05834cf11cd1fdaace to your computer and use it in GitHub Desktop.
<style type="text/css">
.dinges div {
margin: 10px;
float: left;
border: 1px solid #00F;
width: 120px;
padding: 10px;
}
.dinges .item:target {
border: 1px solid #F00;
}
.dinges .item:target h2 {
background:#C00;
color:#FF0;
}
</style>
<div class="dinges">
<div class="item" id="no01">
<h2>lala</h2>
<p><a href="target-selector.html#no01">no01</a></p>
</div>
<div class="item" id="no02">
<h2>lala</h2>
<p><a href="target-selector.html#no02">no02</a></p>
</div>
<div class="item" id="no03">
<h2>lala</h2>
<p><a href="target-selector.html#no03">no03</a></p>
</div>
<div class="item" id="no04">
<h2>lala</h2>
<p><a href="target-selector.html#no04">no04</a></p>
</div>
<div class="item" id="no05">
<h2>lala</h2>
<p><a href="target-selector.html#no05">no05</a></p>
</div>
<div class="item" id="no06">
<h2>lala</h2>
<p><a href="target-selector.html#no06">no06</a></p>
</div>
<div class="item" id="no07">
<h2>lala</h2>
<p><a href="target-selector.html#no07">no07</a></p>
</div>
<div class="item" id="no08">
<h2>lala</h2>
<p><a href="target-selector.html#no08">no08</a></p>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment