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

Question

我正在使用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 - 我怎么能让它做我想要的呢？

Answer 1

您可以删除p以下直接后代.textwidget:

.textwidget > p {
    display:none;
}

您可以删除:empty段落标记:

.textwidget p:empty {
    display:none;
}