css 怎么取消a标签的hover事件

要想利用css取消a标签的hover事件，可以通过查找已经设置了的a标签hover事件的样式，并将其注释掉，然后重新写一个hover事件，这时设置的样式要与原先a标签设置的样式一致，这样便不会有a标签的hover事件啦。
代码如下：

<style type="text/css">
    a.before {
        color: #000;
        text-decoration: none;
        cursor: default;
    }
    /* a:hover {
        color: #4c9fff;
        text-decoration: underline;
        cursor: pointer;
    } */
    a:hover {
        color: #000;
        text-decoration: none;
        cursor: default;
    }
</style>

<div>
    <a class="before" href="javascript:void(0)">css取消a标签的hover事件</a>
</div>