html - CSS 中唯一具有文本兄弟的 child

Question

如果它是独生子，我想让下面的内部跨度消失:

<div class="foo">
  <span></span>  
</div>

即选择器在这种情况下不应该工作:

<div class="foo">
  <span></span>  
  Some text
</div>

我试过 :only-child 和 :last-child 都不起作用，我想是因为“Some text”文本。

Answer 1

我认为这不能只用 CSS 来完成。您应该通过设置一些条件来使用 jQuery 或 JavaScript。

if ($(".foo").text().length < 1 && $('.foo span').is(':empty')) {
    //hide your element here
    $('.foo').hide();
}