Псевдоклассы
Псевдокласс :hover
Определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован.
Псевдокласс :first-child
Применяет стилевое оформление к первому дочернему элементу своего родителя.
Псевдокласс :active
Определяет стиль активной ссылки.
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.