Conheça a Propriedade Empty CSS

Você sabia que existe uma pseudo-classe chamada empty?
Ela representa um elemento que não possui nenhum filho, isto é
elementos que estejam dentro desta tag.

Você conhece?

Para usarmos essa pseudo-classe, usamos como se fossemos
fazer um hover em um botão:

div:empty {
  background: green;
}

E com esta técnica, conseguimos esconder tags que não possuem conteúdo!
Fazendo com CSS puro, da seguinte forma:

div:empty {
  display: none;
}

Muito legal essa propriedade, não é?