链接样式方案不起作用

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>

并查看是否有帮助。