CSS выбирает div после div с помощью div

У меня есть этот код на странице входа в систему:

<div id="header">
    <div id="homeBanner">
        ...
    </div>
</div>
<div id="navigation">
    ...
</div>

Я хотел бы выбрать навигацию по div #, но только тогда, когда она следует за заголовком div #, содержащим div # homeBanner. Причина в том, что у меня похожий код на другой странице:

<div id="header">
    <div id="siteBanner">
        ...
    </div>
</div>
<div id="navigation">
    ...
</div>

Я не хочу влиять на стиль навигации по div #, когда она следует за заголовком div #, содержащим div # siteBanner. Имеет ли это смысл?

Как выбрать навигацию по div #, только если она следует за заголовком div #, содержащим div # homeBanner? Я думал, что это:

div#header div#homeBanner > div#navigation

... но, похоже, это не работает.