Tenho vários elementos que se parecem ..

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

.. exceto que alguns deles não têm o elemento rodapé, apenas uma cabeça. Eu quero dar elementos sem rodapé uma borda inferior. Estou esperando por algo como ..

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

Existe um seletor CSS que eu possa usar para isso ou devo usar um equivalente em JavaScrip