Псевдокласс :focus определяет стиль элемента, когда он находится в фокусе.
Такими элементами могут быть теги готовые принимать ввод с клавиатуры и некоторым образом должны быть активны.

Псевдокласс :hover определяет стиль элемента при наведении на него курсора мыши.