替换文本块

Question

我在这里有一个问题 Replacing an image (in an <img /> tag) using css

关于图像替换  现在我对文字有另一个疑惑

我有以下代码

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

在媒体查询css中，我不想再显示文本了，在这种情况下该怎么办？

.A a .B
{

}

Answer 1

试试这个：

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

Answer 2

a和.B之间有空格，这意味着css解析器正在寻找.B INSIDE标记。

您的代码应如下所示：

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

Answer 3

a和.B之间有空格，这意味着a元素中包含B类的任何元素。

我猜你的意思是.A a.B

.A a.B
{
  display:none;
}

Answer 4

ident的新方法是不使用负缩进（因为它创建一个由浏览器呈现并导致性能下降的大框）是使用Kellum方法，请参阅zeldman.com，如下所示：< / p>

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