Verstecken Sie alles außer Bild in einem Element

Question

Ich habe diesen HTML-Code, und ich muss das "BY" Wort und den "USERNAME" ausblenden und nur die "AVATAR" des Benutzers anzeigen.

Ich muss es nur mit CSS machen, aber ich kann nicht den richtigen Selektor finden, um es zu machen.

Ist es überhaupt möglich? Vielen Dank!

<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

Set font-size auf 0 Ihrer Haupt-div und größere Schriftgröße des inneren div

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

Answer 3

Sie können nicht das übergeordnete Element verstecken und zeig das Kind. Closest Sie in Ihrem Fall zu tun ist, um die rechte Seite mit Display verbergen: keine und das versucht, den Text des Benutzername Ankers zu verstecken mit:

font-size: 0; color: transparent; 

Answer 4

Vielleicht haben Sie so etwas wie dies nutzen könnten:

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

Dadurch werden alle Elemente im div mit Ausnahme des Tags img ausgeblendet.