Селектор CSS с использованием: first-of-type не работает [дубликат] ⇐ CSS

[Anonymous]

У меня есть очень простой пример, который должен выделить текст красным, но это не работает. Однако то же самое с :last-of-type правильно выделяет последнюю строку красным цветом. Я не уверен, почему селектор первого типа не работает, если я не сделаю его первым дочерним элементом родительского элемента.

Код: Выделить всё

 .parentOne .parentTwo .thirdNested:first-of-type {
color:red
}

.parentOne .parentTwo .thirdNested:last-of-type {
color:blue
}

Код: Выделить всё

Some text here

Some text here

This should be red with :first-of-type

This should be blue with :last-of-type

Подробнее здесь: https://stackoverflow.com/questions/787 ... ot-working