Selecting n-th sibling

by jshacker

HTML

<div class="a">a</div>
<div class="a">a</div>
<div class="a">a</div>
<div class="a">a</div>
<div class="a">a</div>

CSS

div {
  font-size: 50px;
  font-family: sans-serif;
  padding: 10px;
}
div.a:nth-child(3) {
  color: red;
  text-transform: uppercase;
  font-family: serif;
  font-weight: bold;
}