Tengo un montón de elementos que se parecen a ...

<div id="hi">
    <div class="head">
    </div>
    <div class="footer">
    </div>
</div>

.. excepto que algunos de ellos no tienen el elemento de pie de página, solo una cabeza. Quiero dar a los elementos sin pie de página un borde inferior. Espero algo como ..

#hi:hasno(.footer) {
    border-bottom: 1px black dotted;
}

Existe un selector de CSS que podría usar para esto, o debería usar un equivalente de JavaScript?