2016-11-26 220 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 
 
}