비어있는 요소 숨기기 css

[html]

<ul>
  <li>여기</li>
  <li>저기</li>
  <li></li>
</ul>

<p>이거는요</p>
<p></p>

 

[css]

li:empty{display:none;}
p:empty{display:none;}