#p151576,бродяга написал(а):Интересно, почему для :last-of-type стиль работает, а для :first-of-type - нет(
Тоже недавно весь мозг на эту тему вывихнула. Насколько я поняла, фишка в том, что он работает. Но именно для элемента указанного типа, а не для полного селектора. Поясню на коде:
Работает!
А вот так не работает. А почему? А потому, что у элемента с селектором .cont тип - div, а нумерация основана на порядке однотиптых элементов в DOM. Первый элемент типа div в дереве элементов указанного класса не имеет, так что селектор к нему не подходит - потому и не срабатывает. А второй элемент, тот, что с подходящим классом - он уже не первый указанного типа, он второй. div:nth-of-type(2) - и класс тут может послужить лишь для уточнения, чтобы селектор не сработал, если вдруг нужного класса не окажется.
Это не истина в последней инстанции, всего лишь результаты моих изысканий. Могу ошибаться.