Почему важно учитывать порядок псевдоклассов при создании состояний кнопок в CSS?

При создании состояний кнопок в CSS важно учитывать порядок псевдоклассов, потому что неправильный порядок может привести к некорректной работе стилей. webref.ru habr.com

Например, если стиль :focus добавляется до стиля :hover, то при щелчке мышью стиль :focus не будет проявляться, видимым окажется лишь представление кнопки, определяемое стилем :hover. habr.com

Правильный порядок написания псевдоклассов в CSS для состояний кнопок: сначала идёт :hover, затем :focus и последним — :active. webref.ru