隐藏元素

Question

我有这个HTML代码，我需要隐藏“BY”字样和“USERNAME”，并且只显示用户的“AVATAR”。

我只需要用CSS制作它，但我找不到合适的选择器来制作它。

甚至可能吗？谢谢！

<div class="entry-meta">
  <span class="byline">by <span class="author vcard"><a class="url fn n"
       href="path-to-username-profile" title=
       "View all Downloads by username">username <img alt="" class="avatar"
        height="50" src= "path-to-jpg.jpg" width="50"></a></span></span>
</div>

Answer 1

.entry-meta {  font-size: 0;  }

Answer 2

您无法隐藏父元素并显示子元素。在您的情况下，您可以做的最近的事情是使用display：none隐藏旁线，并尝试隐藏用户名锚点的文本：

font-size: 0; color: transparent; 

Answer 3

将font-size设置为主div的0和内部div的较大字体大小

.entry-meta .byline{
  font-size:0;
}
.entry-meta .author.vcard{
  font-size:20px;
}

Answer 4

也许你可以使用这样的东西：

.entry-meta *{
visibility:hidden;
}
.entry-meta .avatar{
visibility:visible;
}

除了img标签外，这将隐藏div中的所有元素。