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

Если говорить по-простому, это такой хитрый механизм, с помощью которого браузер решает, какое именно правило применить к элементу, когда на него претендуют сразу несколько селекторов. Представьте себе иерархию в какой-нибудь серьезной конторе. Директор сказал одно, начальник отдела — другое, а коллега нашептал третье. Кого вы послушаете? Вот и браузер постоянно занимается таким взвешиванием авторитетов. Тут не нужно быть математиком от бога, но прикинуть в уме придется. У каждого типа селектора есть своя «убойная сила». Весь этот винегрет обычно представляют в виде четырех чисел, разделенных запятыми...