Каскадные Таблицы Стилей / [Перевод] Различия между :nth-child и :nth-of-type

Допустим, есть такой HTML:

<section>
   <p>Little</p>
   <p>Piggy</p>    <!– Нужен этот элемент –>
</section>

Следующий CSS будет делать одно и тоже:

p:nth-child(2) { color: red; }

p:nth-of-type(2) { color: red; }

Хотя, конечно, в этих селекторах, есть разница.

Рубрика: Habr