要素内の画像以外のすべてを隠す

Question

私はこのHTMLコードを持っており、 "BY"という単語と "USERNAME"を隠し、ユーザーの "AVATAR"だけを表示する必要があります。

私はCSSだけで作る必要がありますが、私はそれを作るための正しいセレクターを見つけることができません。

それは可能ですか？ありがとう！あなたは親要素を隠すことができない、あなたのメインのdivと内側のdivの大きなフォントサイズの0

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

Answer 1

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

Answer 2

セットのフォントサイズと子供を見せてください。なしとで、ユーザ名アンカーのテキスト隠そう：

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

：たぶん、あなたはこのようなものを使用することができ

font-size: 0; color: transparent; 

Answer 3

へ

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

を、あなたの場合に行うことができます最も近い表示と署名欄を非表示にしていますこれは、imgタグを除いてdiv内のすべての要素を非表示にします。