css - テキストブロックの置き換え

Question

ここで質問があります cssを使用して（<img />タグ内の）画像を置き換える

画像の置き換えについて、そして今、テキストについて別の疑問があります

次のコードがあります

<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を検索していることを意味します。

コードは次のようになります。

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

Answer 3

との間にスペースがありますa。.Bこれは、要素内にクラス B を持つ要素を意味しaます。

私はあなたが何を意味したと思います.A a.B

.A a.B
{
  display:none;
}

Answer 4

負のインデントを使用しない新しい識別方法 (ブラウザによってレンダリングされる大きなボックスが作成され、パフォーマンスが低下するため) は、Kellum メソッドを使用することです。次のように、zeldman.comを参照してください。

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