Допустим, есть такой HTML:
Следующий CSS будет делать одно и тоже:
Хотя, конечно, в этих селекторах, есть разница.
<section>
<p>Little</p>
<p>Piggy</p> <!-- Нужен этот элемент -->
</section>
Следующий CSS будет делать одно и тоже:
p:nth-child(2) { color: red; }
p:nth-of-type(2) { color: red; }
Хотя, конечно, в этих селекторах, есть разница.