Правило CSS для выбора элемента, который не содержит элемент
У меня есть куча элементов, которые выглядят как ..
<div id="hi">
<div class="head">
</div>
<div class="footer">
</div>
</div>
... за исключением того, что у некоторых из них нет элемента нижнего колонтитула, только голова. Я хочу дать элементам без нижнего колонтитула нижнюю границу. Я надеюсь на что-то вроде ..
#hi:hasno(.footer) {
border-bottom: 1px black dotted;
}
Есть ли CSS-селектор, который я мог бы использовать для этого, или я должен просто использовать эквивалент JavaScript?