Псевдоклассы в CSS позволяют выбирать элементы на основе их текущего состояния или положения в документе. Это может быть полезно для стилизации элементов при определенных действиях пользователя, таких как наведение курсора на элемент или выбор элемента в форме. Псевдоклассы начинаются со знака двоеточия и указываются после селектора элемента. Например, псевдокласс ":hover" выбирает элемент, когда курсор мыши находится над ним: В этом примере мы выбрали все ссылки, на которые наведен курсор мыши, и установили для них красный цвет...

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