танец с бубном.. а именно hover active - Вопросы по CSS

У меня два меню, вертикальное и горизонтальное

горизонтальное:

вертикальное:

прям в таком порядке и записано и что самое интересное. Если так и оставить, то при наведении все пункты меню будут оранжевыми, хотя для горизонтального прописан черный


Но если записать по другому, не вместе:

то при наведении на горизонтальное меню, оно наконец таки будет черным.
У меня вопрос, в чем дело? почему при в классе vmenu, раскраска начинает применяться и к hormenu?

правильно будет

.hormenu a:active, .hormenu a:hover  {color: #000;}

а для вертикального

.vmenu a:active, .vmenu a:hover {   color:  #ff5800;}

А по поводу active то он идёт как класс .... а значит не

a:active

a

a.active