html – 不能使用first-child css来设置显示

我正在使用wordpress并生成此代码：

<aside class="left-hand-column">
 <div class="textwidget">
  <p></p> ...1
   <div class="pdf-download">
    <p> ... 2
     <a href="http://www.kusuma.ee-web.co.uk/wp-content/uploads/2016/04/strategy2015-2018.pdf" target="_blank">download pdf</a>
    </p>
   </div>
  <p></p> ...3
 </div>
</aside>

我想删除< p>< / p>的效果标签对.

我以为我可以设置display：none对于他们这样：

.textwidget p:first-child {
    display:none;
}

但它的制作1和2 p消失了,留下3 – 我怎么能让它做我想要的呢？

解决方法

如果您熟悉jquery,可以使用它

$('.textwidget p').each(function () {
    if ($(this).text().length === 0) {
        $(this).hide();
    }
});