链接 <a> 的CSS伪类不起作用

问题描述： 为超链接 <a> 添加 hover 和 visited 效果时，没有效果

代码：

{field:'contractName',title:'合同名称 <span style="color:red;font-weight:bold;font-style:italic">(点击查看合同详情)</span>',width:150,
formatter : function(value,row,index){
if(value == null){
return;
}
return '<a name="contractLink" href="#" style="color:black;text-decoration:none" onclick="viewContractInfo(\''
+row.contractId+'\')">' + value + '</a>';
}
},

<style type="text/css">
a[name=contractLink]:visited { color:#772093;}
a:hover {color:blue}
</style>

效果图



解决办法



解决后的效果图：