更換文本塊

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

你有一個和.B，這意味着CSS解析器尋找.B內的標籤之間的空間。

您的代碼應該是這樣的：

.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，如下所示：

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