cssにおけるhover擬似クラスのバグ

CSS 1では、hoverはaオブジェクトにのみ使用できます.また、href属性(特性)のないaオブジェクトでは、この擬似クラスは機能しません.CSS 2で:hoverは任意のオブジェクトに適用できます.くりを一つあげる
:hoverが有効でないコード:
css:

.task-t-l-disable:hover{ color:#999;text-decoration:none;cursor:default;}

html:

                    <a href="javascript:void(0);"class="gray task-t-1-disable"  ms-on-click="showApprovalInfo('isShowExamine')"><i class="iconfont iconfont-user-card f16"></i>     </a>

上記のクラスtask-t-1-disableのラベルはaですが、cssでクラスに擬似クラスを付けるのではなく、クラスに擬似クラスを付けることを指定した場合、擬似クラススタイルは有効ではありません.
:hoverが有効なコード:
css:

        .task-t-l-disable a:hover{ color:#999;text-decoration:none;cursor:default;}

html:

<div class="task-t-1-disable"  >
                    <a href="javascript:void(0);"class="gray"  ms-on-click="showApprovalInfo('isShowExamine')"><i class="iconfont iconfont-user-card f16"></i>     </a>
</div>

ここでは、ページのすべてのhtmlスタイルではなく、特定の場所のaラベルスタイルを指定するためにtask-t-1-disable a:hoverを使用してスタイルを指定します.a:hoverを直接使用するのではなく、task-t-1-disable a:hoverを使用します.