没有子元素的元素的CSS选择器

Question

我尝试设置没有子元素的div元素，如下所示：

<div class="ps_box-group eopcColumnGroup">
    <span>hello</span>
</div>
<div class="ps_box-group eopcColumnGroup">

</div>

正如您所看到的，eopcColumnGroup类有多个<div>元素，第一个div有一个子span元素，第二个div没有子元素，但是它的文本不是空的，内容是一堆[空格]字符：

<div class="ps_box-group eopcColumnGroup">
[space][space][space][space]   
</div>

我使用[space]来表示空格字符。

我需要的是我只想为没有子元素的第二个div编写特殊样式，我尝试了这样的伪类：

div.eopcColumnGroup:empty {
    padding-top:50px;
}

但它不起作用，因为那些空格字符不算空。

我只能使用标准的CSS来执行此操作，那么如何编写选择器以仅选择第二个div？

感谢您提供任何建议和建议。