Front-end CSS - João Bernardino

gistfile1.html

<style>
  div { height: 100px; width: 100px; border: 1px solid black; display: inline-block; }

  div:nth-child(2n) {
    border: 1px dashed black;
  }

  div:nth-child(3) {
    border: 1px dotted black;
  }
  
  /* o que acontece ao acrescentar a seguinte regra? */
  /* div:last-child { float: right; } */
</style>
 
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

Resultados em https://jsfiddle.net/miguelgazela/umr123an/1/