我需要改变一些东西，而不用触摸HTML代码。
所以我有这个代码在我的HTML
<span class="share">
<ul>
<li>Share </li>
<li class="twitter"><a href="#">twitter</a></li>
<li class="facebook"><a href="#">facebook</a></li>
<li class="delicIoUs"><a href="#">delicIoUs</a></li>
<li class="friendFeed"><a href="#">friendFeed</a></li>
<li class="addthis"><a href="#">share</a></li>
<div class="clear"></div>
</ul>
</span>
这在CSS中
.twitter {background:url('../images/tt.png') no-repeat; width:10px; height:14px; }
这样做很好，但twitter文字在twitter标识下可见，我不希望这些文本出现在我的列表中，我想用CSS替换图像。
可以不触摸HTML代码吗？
解决方法
使文本透明。由于它是一个链接，您将需要使用几个选择器来确保所有案例都被解决：
.twitter a,.twitter a:link,.twitter a:visited
{
color: transparent;
}
编辑：另一个选项，虽然更详细，但是有利于保持焦点边界(选择链接时出现的小点)到twitter图标的大小和形状。此外，如果选择并复制和粘贴文本，则不会显示该文本。它变得隐形和不可选。这是技术：
.twitter a {
display: inline-block;
overflow: hidden;
width: 0;
height: 14px;
padding-left: 10px;
}
