ссылка схема стиль не работает

Question

a.mO {color: white; cursor:pointer; margin-left:10px; font-weight:400; font-size:12px; display:block; border-top:1px solid #300;} 

---

a.mO:link { 
color: white; cursor:pointer; margin-left:10px; font-weight:400; font-size:12px; display:block; border-top:1px solid #300; 
} 
a.mO:visited { 
color: white; cursor:pointer; margin-left:10px; font-weight:600; font-size:16px; display:block; border-top:1px solid #300; 
} 

a.mO:hover { 
color: white; cursor:pointer; margin-left:10px; font-weight:900; font-size:12px; display:block; border-top:1px solid #300; 
} 

a.mO:active{ 
color: white; cursor:pointer; margin-left:10px; font-weight:900; font-size:14px; display:block; border-top:2px solid #300; 
} 

---

Первый код работает. Но как только я заменю его вторым, он перестает работать.

Мой HTML является:

<div><a class="mO" onclick="loadPage(31);">ABCD Status</a></div> 

Спасибо за помощь ...

Answer 1

Некоторые из них не будут работать, если не включить атрибут href (не ссылка другой мудрой):

<a class="mO" href="#" onclick="loadPage(31);">ABCD Status</a> 

После вызова функции вы также можете нажать return false;, чтобы страница не перескакивала вверх. Вы можете либо сделать onclick="loadPage(31); return false;", либо onclick="return loadPage(31);", и вернуть его false.

Answer 2

Попробуйте изменить код

<div><a class="mO" href="#" onclick="loadPage(31);">ABCD Status</a></div> 

и посмотреть, если это помогает любому.