Css 替换文本块

我有个问题

关于图像替换 现在我对文本有了另一个疑问

我有以下代码

<div class="A">
<a class="B" href="#">Learn more</a>
</div>

试试这个：

.A a.B
{
    text-indent:-9999px;
}

---

在a和.B之间有一个空格，这意味着css解析器正在标记中查找a.B

您的代码应该如下所示：

.A a.B
{
    text-indent:-999em;
}

---

在

a

和

.B

之间有一个空格，这意味着

a

元素中有B类的任何元素

我猜你的意思是

.aab

.A a.B
{
  display:none;
}

---

识别的新方法不是使用负缩进（因为它会创建一个由浏览器渲染并导致性能下降的大方框），而是使用Kellum方法，请参见，如下图所示：

.A a.B {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

---

你试过什么？是否可以隐藏元素本身，或者元素是否需要保持可见（例如，是否应用了要显示的背景图像）？

.A a.B {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}