2016-11-26 156 views
0

我試圖隱藏這些內容的文字:無法隱藏鏈接

<div class="avrow"><a href="http://www.altervista.org" class="avlink disclaimer">Powered by Altervista Mailing List</a></div> 

我想:

.avrow > .avlink disclaimer > a 
{ 
    visibility: hidden; 
} 

不似乎無論如何努力,我怎麼能解決這個問題?

回答

3

a標籤具有類.avlink.disclaimer。所以你的CSS的順序是錯誤的,如果你在一個元素上有兩個類,你將需要附加兩個類名。

.avrow > a.avlink.disclaimer { 
 
    display:none; 
 
}
<div class="avrow"><a href="http://www.altervista.org" class="avlink disclaimer">Powered by Altervista Mailing List</a></div>

+0

運行良好,謝謝。 – AgainMe

0

如果你想hidde一個特定的元素,你可以嘗試下的: 使用CSS

display: none 

通過HTML's標籤:

<div hidden>Your element, could be others elements as well</div> 
+0

文字:技術Altervista甚至可見 – AgainMe

+0

奇怪...你清理後改變CSS樣式瀏覽器緩存?我會嘗試在我的電腦,然後我讓你知道... –

+0

@AgainMe它的工作原理...我假設,但也許你的CSS文件是如此廣泛(這可能是一個問題,當你刷新它...),你應該清理瀏覽器的緩存... –

0

給你:

.avrow { 
    display: none; 
} 
0

有兩種躲在CSS元素的常用方法。第一個是您已使用的visibility屬性。這只是隱藏了元素,但保留了它的屬性,如大小和邊距。因此它具有看起來不是正確「隱藏」元素的效果。

另一種方法是使用display屬性。通過將display屬性設置爲隱藏,它有效地呈現HTML,就好像元素不存在一樣。這意味着其他元素不受隱藏的影響。

此外您的CSS選擇器不正確,它表明應該有一個低於.avlink的錨元素。您的選擇實際上應該是:

.avrow>a.avlink.disclaimer 
0
.avrow > a 
{ 
visibility: hidden; 
} 
0

你也可以採取的類名稱的一個像我一樣的下方。

.disclaimer { 
 
\t display: none; 
 
} 
 

 

 
.disclaimer { 
 
\t visibility: hidden 
 
}