У псевдо-класса :first-child есть один нюанс, про который в учебниках как-то не особо упоминают. А точнее, два нюанса. Первый: слово child вводит в заблуждение русскоязычных. Ни о каком ребёнке там речь не идёт. Речь идёт о братьях-сёстрах - тэгах, стоящих на одном уровне. Например, есть код: И нужно покрасить зелёным только единицу. Можно подумать, что раз div'ы с классом "element" - дети div'а с классом "block", - то команду :first-child надо применять к классу "block" - ".block :first-child...

Селекторы псевдоклассов :nth-child() и :nth-last-child() Выбирайте элементы в DOM по их индексу, используя селектор псевдокласса :nth-child(). Использование микросинтаксиса An+B позволяет тонко настраивать выборку элементов. Для визуального отображения влияния логики An+B на выделение элементов используйте тестер :nth-child. Оставив без изменений параметр B, можно придумать более творческий способ выбора элементов. Например: Объединив несколько селекторов :nth-child(), можно выбирать диапазоны элементов:...