鏈接 <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>

效果圖

解決辦法

解決後的效果圖：