我試圖隱藏這些內容的文字:無法隱藏鏈接
<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;
}
不似乎無論如何努力,我怎麼能解決這個問題?
我試圖隱藏這些內容的文字:無法隱藏鏈接
<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;
}
不似乎無論如何努力,我怎麼能解決這個問題?
你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>
如果你想hidde一個特定的元素,你可以嘗試下的: 使用CSS
display: none
通過HTML's標籤:
<div hidden>Your element, could be others elements as well</div>
文字:技術Altervista甚至可見 – AgainMe
奇怪...你清理後改變CSS樣式瀏覽器緩存?我會嘗試在我的電腦,然後我讓你知道... –
@AgainMe它的工作原理...我假設,但也許你的CSS文件是如此廣泛(這可能是一個問題,當你刷新它...),你應該清理瀏覽器的緩存... –
的問題是.avlink類是不是一個孩子,但在同一水平。
以下將實現你要什麼:
.avrow > a.avlink
{
visibility: hidden;
}
給你:
.avrow {
display: none;
}
有兩種躲在CSS元素的常用方法。第一個是您已使用的visibility屬性。這只是隱藏了元素,但保留了它的屬性,如大小和邊距。因此它具有看起來不是正確「隱藏」元素的效果。
另一種方法是使用display屬性。通過將display屬性設置爲隱藏,它有效地呈現HTML,就好像元素不存在一樣。這意味着其他元素不受隱藏的影響。
此外您的CSS選擇器不正確,它表明應該有一個低於.avlink
的錨元素。您的選擇實際上應該是:
.avrow>a.avlink.disclaimer
.avrow > a
{
visibility: hidden;
}
你也可以採取的類名稱的一個像我一樣的下方。
.disclaimer {
\t display: none;
}
.disclaimer {
\t visibility: hidden
}
運行良好,謝謝。 – AgainMe