如何使用CSS隐藏未被标签包装的内容？

Question

我有以下html：

<a href="..."><span>ICON</span>Text</a>

如何只删除＆＃34;文字＆＃34;使用CSS规则？ 注意：我需要继续查看内容。

Answer 1

您可以将visibility用于此

JSFiddle Demo

<强> CSS

a {
    visibility:hidden;
}

a span {
    visibility:visible;
}

Answer 2

根据Paulie_D的回答，我使用font-size来找到解决方案：

a {
    font-size: 0;
}

a span {
    font-size: 16px;
}

DEMO

基于对此答案的评论，我认为这可能是解决方案。它并不完美，但会做到。我们使用font-size: 0的答案。就像Paulie_D评论说这不会对crossbrowser有效，一些浏览器会以4px的字体大小显示它。对于那些浏览器，我们也添加了Paulie_D的解决方案：

a {
    font-size: 0;
    visibility:hidden;
}

a span {
    font-size: 16px;
    visibility:visible;
}

要查看两者之间的区别：check here。