我在这里有一个问题 Replacing an image (in an <img /> tag) using css
关于图像替换,现在我对文本有另一个疑问
我有以下代码
<div class="A">
<a class="B" href="#">Learn more</a>
</div>
在媒体查询css中,我想不再显示文本,这种情况我该怎么办?
.A a .B
{
}
我在这里有一个问题 Replacing an image (in an <img /> tag) using css
关于图像替换,现在我对文本有另一个疑问
我有以下代码
<div class="A">
<a class="B" href="#">Learn more</a>
</div>
在媒体查询css中,我想不再显示文本,这种情况我该怎么办?
.A a .B
{
}
识别的新方法是不使用负缩进(因为它会创建一个由浏览器呈现并导致性能下降的大框)是使用 Kellum 方法,请参见zeldman.com,如下所示:
.A a.B {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
尝试这个:
.A a.B
{
text-indent:-9999px;
}
a 和 .B 之间有一个空格,这意味着 css 解析器正在寻找一个 .B INSIDE 标记。
您的代码应如下所示:
.A a.B
{
text-indent:-999em;
}
在 和之间有一个空格a
,.B
这意味着元素内具有 B 类的任何a
元素。
我猜你的意思是.A a.B
.A a.B
{
display:none;
}