css - 替换文本块

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

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

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

Answer 2

尝试这个：

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

Answer 3

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

您的代码应如下所示：

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

Answer 4

在 和之间有一个空格a，.B这意味着元素内具有 B 类的任何a元素。

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

.A a.B
{
  display:none;
}