<a> 链接引发的样式问题

#shopcart .productlist ul.product li.quantity span a:link, #shopcart .productlist ul.product li.quantity span a:visited{
color:#333333;
border:1px solid #dddddd;
height:9px;
width:9px;
line-height:8px;
display:inline-block;
padding:0px 1px 2px 1px;
margin:30px 0px 20px 0px;
}
#shopcart .productlist ul.product li.quantity span a:hover, #shopcart .productlist ul.product li.quantity span a:active{
border:1px solid #699830;
display:inline-block;
}

如果<a href="#"></a> 的时候引用上边的样式

如果<a ></a> 的时候就不引用上边的样式 

所以要给a标签加样式 

#shopcart .productlist ul.product li.quantity span a{
color:#333333;
border:1px solid #dddddd;
height:9px;
width:9px;
line-height:8px;
display:inline-block;
padding:0px 1px 2px 1px;
margin:30px 0px 20px 0px;

posted @ 2010-10-22 16:19  皮皮狗  阅读(141)  评论(0编辑  收藏  举报