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

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

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

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

и посмотрите, поможет ли это кому-нибудь.

Answer 2

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

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

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