无法隐藏链接

Question

我试图隐藏此内容的文字：

<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;
}

似乎没有工作，我该如何解决这个问题？

Answer 1

您的a代码包含课程.avlink和.disclaimer。因此CSS的顺序是错误的，如果一个元素上有2个类，则需要附加两个类名。

.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>

Answer 2

如果您尝试隐藏特定元素，可以尝试下一个元素： 通过Css

display: none

按HTML标记：

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

Answer 3

问题是.avlink类不是a的子级，而是处于同一级别。

以下内容将实现您的目标：

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

有关工作示例，请参阅http://jsbin.com/holivirofe/edit?html,css,js,output。

Answer 4

你在这里：

.avrow {
    display: none;
}

Answer 5

有两种常见的隐藏CSS元素的方法。第一个是您一直使用的visibility属性。这只是隐藏了元素，但保留了它的属性，如大小和边距。因此它具有看起来不是＆＃34;隐藏＆＃34;元素正确。

另一种方法是使用display属性。通过将display属性设置为hidden，它可以有效地呈现HTML，就好像元素不存在一样。这意味着其他元素不受隐藏元素的影响。

你的css选择器也不正确，它表明.avlink下面应该有一个锚元素。您的选择器实际上应该是：

.avrow>a.avlink.disclaimer

Answer 6

.avrow > a
{
 visibility: hidden;
}

Answer 7

你也可以选择其中一个类名，就像我在下面所做的那样。

＆＃13;

＆＃13;

.disclaimer {
	display: none;
}


.disclaimer {
	visibility: hidden
}

＆＃13;

＆＃13;

＆＃13;