我试图隐藏这些内容的文字:无法隐藏链接
<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