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

Псевдоклассы CSS позволяют изменять динамическое состояние элемента веб страницы. В качестве динамического состояния может выступать нажатие на элемент, наведение курсора и тп. Внешний вид элементов изменяется с помощью селекторов. Но что если вам необходимо в таблице изменить все четные строки. То есть добавить цветную заливку или изменить в них цвет текста. Можно прописать класс для каждой четной строки вручную, но это займет время и увеличит размер страницы. Простым решением будет использовать псевдокласс :nth-child(even) для селектора tr...