Псевдоклассы

Псевдокласс :hover

Определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован.

Псевдокласс :first-child

Применяет стилевое оформление к первому дочернему элементу своего родителя.

Псевдокласс :active

Определяет стиль активной ссылки.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.